Layouts

KS Layouts allow you to create custom HTML and Repeater layouts. You must know HTML/CSS to be effective with them. Content for each “region” can be custom/wysiwyg html or an existing KS Slide or Playlist (plays in an iframe).

In the future, layouts will use a React.js solution like react-split-pane.now.sh/#/basic-nested.

HTML Layouts

Use custom HTML to create a layout. Requires html/css/js knowledge. KioSign grid classes are intended to be used, but you could add any custom html and styles required.

Repeater Layouts

A flexible layout tool, repeater layouts allow you to add custom regions and assign a KS Slide, KS Playlist or custom/wysiwyg html to the region.

Fields:

Region Content: Choose an existing KS Slide or Playlist, or create custom/wysiwyg html content.
Region ID: The id of the div for CSS.
Region BG: Add a background color (esp helpful for testing).
Region Classes (outer): The outer wrapper for the region. Use the KS absolute grid classes for best results.
Region Flex Classes (inner): The inner div. Best to use the KS Flexgrid classes.
Content: Depends on type of region content selected.