Users Guide – Pressino UI Blocks

The UI Split block is designed to split the screen into two halves for responsive design.

Using the UI Split Block

The UI Grid block is used to created columns of content that resize and stack automatically.

Using the UI Grid Block

The UI Cards block is designed to create boxed content that automatically resizes and stacks for responsive design.

Using the UI Cards Block

The UI Tabs block is used to create tabbed content. A great way to keep from having to scroll so much.

Using the UI Tabs Block

The UI Segment block is used to create boxes, with margin and padding around content as well as formatting options for the contained content.

Using the UI Segment Block

The UI Message block is used to create boxed content that can be colorized and other options to make a message stand out.

Using the UI Message Block

The UI Header block is used to create a constant looking header across the site. Options allow for a wide variety of looks.

Using the UI Header Block

The UI Image block provides options that work well with the Semantic UI based site design.

Using the UI Image Block

The UI Button block is used to create a link that looks like a button. There are tons of Semantic UI look and feel options.

Using the UI Button Block

The UI Container block is useful to group content and provides some formatting options for content such as link formatting.

Using the UI Container Block

The UI Bullets block provides extra formatting options for the bullet list, such as color and icon.

Using the UI Bullets Block

The UI Image List block provides a way to have a list with a different image on the side that will also stack for mobile.

Using the UI Image List Block