Professional Documents
Culture Documents
11.1-Themes and Styling
11.1-Themes and Styling
Topics
● OutSystems Themes
○ Theme definition
● Style Sheets
○ Editing CSS
○ Style Sheet Precedence
○ Applying Styles
● Layouts
○ Theme Web Blocks
○ Layout Block
○ Menu Block
2
OutSystems Themes
3
What is a Theme?
4
Style Sheets in OutSystems
5
Editing CSS
6
Style Sheet Precedence
7
Applying Styles
8
Theme Web Blocks
9
Layout Web Block for Screens
Layout Block defines the base structure of new Screens that are created
10
Menu Block
11
Summary
● OutSystems Themes
○ Theme definition
● Style Sheets
○ Editing CSS
○ Style Sheet Precedence
○ Applying Styles
● Layouts
○ Theme Web Blocks
○ Layout Block
○ Menu Block
12
Themes and Styling
Thank You!