Split

General

Radius

The corner roundness of the entire stack

Max Width

The maximum width of the entire stack

Mobile Points

The points at which the tablet, and mobile settings are applied

Responsive Point

The point at which the split panels become vertical for mobile devices

Split Items

Auto Shrink Width (Checkbox)

It is possible to set custom shrink widths for the non-active split item, although, if you want the width to be calculated automatically, check this option.

Shrink Widths (Desktop, Tablet, Mobile)

If Auto Shrink Width is off you will be able to set the width of the nonactive split panel when it is shrunk.

Min Height (Desktop, Tablet, Mobile)

Here you can set a minimum height for the split panels on Desktop, Tablet, and Mobile

Padding

The inner padding of the split item panels

Content Width

The maximum width of the inner content container

Titles (Desktop, Tablet, Mobile)

Here you can set the font size of the split item titles

Title Spacing

The amount of space below the titles

Title Font

Select a font for the titles

Descriptions (Desktop, Tablet, Mobile)

Here you can set the font size of the split item descriptions

Description Spacing

The amount of space below the Descriptions

Description Font

Select a font for the descriptions

Icons (Desktop, Tablet, Mobile)

Here you can set the size of the icons

Icon BGs (Desktop, Tablet, Mobile)

The size of the background surrounding the icons

Icon Radius (Desktop, Tablet, Mobile)

The corner roundness of the icon backgrounds

Icon Spacing

The amount of space below the icon backgrounds

Button Text

The font size of the button text

Button Radius

The corner roundness of the split item buttons

Button Padding

The inner padding of the split item buttons

Button Font

Select a font for the split item buttons

Advanced

Disclude Google Fonts

If you do not want to include external google fonts on your web pages, feel free to check this option. Be aware that you will not be able to use any of the fonts provided in the font list or material icons, you will have to use your own.

Individual Item Options

Here you can find all of the settings for each split section such as the icons and text, along with the link for the split item button

Text Align

The text alignment of the particular split item

Vertical Align

The vertical alignment of the content inside of the split item

Horizontal Align

The horizontal alignment of the content inside of the split item

Colors

This is where you will find all of the color options, including the background settings for the split item. The colors are very straight-forward and easy to setup.

Blog

Movable Windows

Posted On 12 Jan 2024

Move beyond the confines of static content layouts! Movable Windows allows your page visitors to effortlessly drag and reposition custom content windows anywhere in the browser viewport. Windows can be minimized to free up space and stay fixed to the browser viewport so they are always accessible.

Resize & Minimize

Windows can be resized to take up more or less space, or maximized to fill the entire screen. But that’s not all – these windows are like handy sidekicks, always ready to assist. Need quick reference? No problem! Windows can be minimized when not in use, saving precious screen space for what really matters – your page content.

Inline

Open windows stay fixed on screen so they are always accessible. Minimized windows have three modes to choose from. “Inline” keeps it in line with other content, “Fixed” is always on screen, and “Draggable” lets you move it around while minimized.

Customizable

It’s not just about functionality; it’s about style too. Customize your windows by size, position, and color. Add in text, images, forms, links – you name it! Want a little more flair? Allow window resizing, choose whether they start minimized or open, change the toggle icon, or hide the window title when minimized.

Check it out!

Tutorials