Chatlt App blueprint areas grayed out

[Jim_Austin]

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?

[mark-piller]

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:

2. Select the component with the Modal id:
   

   

3. 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

[Jim_Austin]

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.