About designing a page layout
Application Type

Hi All,

I am new to Outsystems.

I would like to customize by adding a frame to the header where it shows "To Do List".


.sample-box1 {

 margin: 2em auto;

 padding: 1em;

 width: 90%;

 background-color: #fff; /* background color */

 border: 1px solid #ccc; /* frame border */



<div class="sample-box1">text</div>

I think I can write CSS  properties > Style Classes >Style Sheet Editor
But I don't know what to do with HTML.

Where can I write HTML?



Hi Asami,

You need to enclose in container and apply the style class name in style classes field of container. No need of using div tags to apply style classes.

Hi Asami, you can create a custom layout base on ur design  using the layout provide by default in project space.

So you can break the header for your custom layout based on ur requirment and use it as a layout for your screen. And then on top of that put container and use custom CSS.


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