24
Views
2
Comments
Solved
Where to apply Styles
Question
Application Type
Reactive

Hi community!

If someone want to explain what's the difference between the different places to apply styles, I would appreciate!

We have styles here:

and here:

and here:

and yet the widgets:

So, when I need to apply a style I stay a bit confused where to go... (❁´◡`❁)

Have a nice day.

2024-12-10 04-40-04
Gitansh Anand
Solution

Hi @Diogo BarbosaIn the 1st screen shot, the tag with the pencil icon on the side and the 2nd screenshot are the same, but in the style tab, if you scroll down, there is one more option to add styling that adds inline styling, the same as the 3rd screenshot, which you should avoid as much as possible. The best way to apply styles is in the 2nd screenshot, which uses class to apply styling (the top part of the style tab with the tag and pencil icon is also the same), and for the last screenshot, these are some widgets provided by OutSystems with specific style and design to ease our work.

2024-12-10 04-40-04
Gitansh Anand

One thing you should remember is that at the bottom of the Style tab where inline styling is applied you can use it to create new class by applying some style and if it suits you convert it to class with one click.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.