Where is the module css in OutSystem 11 that appeared in the training material?

I have been doing this training. https://www.outsystems.com/learn/lesson/865/themes-and-styling-exercise/

However, the style sheet editor is different in OutSystems 11. I can't find those .Header{} or .Menu_TopMenuActive{} in the module css.

There is almost nothing in this screen in the OutSystems 11. What to do?

Hi System Out,

If you are using any other theame for desinging web app or mobile app like Lisban,dublien or etc.

you have find one block BaseTheme in Css

see the below image- 


hope this will help.

Kind Regard

Rahul

Hi, I have the same problem in "Style Sheets Exercise". I tried to add ".header-title { ...."  next to the $0 to the Style Sheet as described  in the material, but the editor gave me a totally different view like below. Please help. Can I just add the code to the blank area?

Best Regards, Mat

P.S.

System Out, I added the code to the blank area on the top theme, it seems to work now...


System Out wrote:

I have been doing this training. https://www.outsystems.com/learn/lesson/865/themes-and-styling-exercise/

However, the style sheet editor is different in OutSystems 11. I can't find those .Header{} or .Menu_TopMenuActive{} in the module css.

There is almost nothing in this screen in the OutSystems 11. What to do?



Hi Systems Out,

Did you check this document about Cascading Style Sheets (CSS)?

And if you have more information about this subject, please check the Master Class on CSS in OutSystems. And in this article (Understanding the marriage of OutSystems and CSS) I believe that you will find some parts that you looking for.


Note: On the element you want to do that you have extended properties. Use the property "class" and on the value you can use inline if's to change the class you want that element to have. The css class should be declared on the page / wdiget style sheet or on the theme.

Cheers,
Nuno