By default, a tab will load any files contained in its folder and place the files in a scattered formation in the middle of the screen, as shown below.
You can select from various preset layouts by adding your files to a sub-folder in the tab, with the name of the folder dictating how the content should be laid out.
For example, the files above could be contained in a folder called _scatter to dictate that the files should be arranged in a scatter arrangement (which is the default if you don't put your files in a subfolder).
Supported layout folder names are listed in the table below.
| Folder name | Layout description |
| _scatter | Content scattered randomly across the tab (default). |
| _fullscreen | Single item filling the whole tab (e.g. useful for web browser content loaded via .web.txt file) |
| _single | Single item displayed in the middle of the tab |
| _carousel | Side-scrolling carousel – tap to open item |
| _modal_carousel | Side-scrolling carousel, where only one piece of content can be open at once (tapping away closes the content item) |
| _gallery | Photo gallery view with thumbnail strip along the bottom of the screen |
| _lower_third | Content displayed in the lower-third portion of the screen, in a random placement |
| _hero | If configured, this will control the hero content displayed on the left side of the screen. |
| _content | If configured, this will control the content displayed on the right side of the screen, next to the hero content. |
Alternatively, you can customise and manually position items on the tab by adding an XML (.xml) or Handlebars (.hbs) layout file to the tab. This gives you flexible control of content and functionality on the tab. For example, adding a file to your tab called _layout.xml or _layout.hbs will instruct IdeaLayer Engine to process this file and load any objects contained in it.
Please refer to the guides for XML layout and Handlebars layout for more detailed information.