Chatlt App blueprint areas grayed out

In the blueprint for the Chatlt App, on the ‘dashboard’ page, the two side areas are grayed out.

  • Does this have to do with the ‘ModalOverlay’?
  • Is there a way to ‘un-gray’ these areas to work on them?

Here’s one way to do it:

  1. Create a new extension on the THEME tab with the following contents:
.donotshow {
  display:none;
}

This is what it should look like once done:

  1. Select the component with the Modal id:

  2. Add the donotshow class in the Classes field and press Enter on your keyboard. The modal popup will be hidden:

IMPORTANT: if you do not remove the class, the app will not work properly as the popup is now permanently hidden.

Mark

Thanks Mark, that works!

Having come at app development from the Java/Kotlin then Flutter/Dart side, it’s interesting to work in a development system from (as I see it) from the web side (web-based IDE, extensive use of css, etc.). Still learning, but feeling I like this approach better … seems more natural.