Assist

Toggle

Hide Text & Icon

If you check these toggles you can hide either the toggle text or icons

Alignment

This option determines the horizontal alignment of the toggle, as well as the alignment of the list menu as it drops down underneath the toggle.

Icon Font

Here you can select an icon font, as well as the corresponding icon code for the icon that you want to use.

Padding (Vertical & Horizontal)

Radius

Controls the corner roundness of the toggle

Icon Size

Controls the font size of the icon

Icon Spacing

Controls the amount of space between the toggle icon and the toggle text

Text Size

Controls the font size of the toggle text

Toggle Text & Toggle BG

Here you can change the text and background color of the toggle on both initial and hover states.


List

Orientation

Here you can determine whether or not the menu will appear above the toggle icon or below it. Depending on where you place your assist menu, you may want to change this.

Z Index

Here you can set the z-index of the menu. If you find it moving behind/above other elements, adjust this value accordingly.

Max Width

This determines the maximum width of the list when it is first open. Note that you can set custom widths and heights for a specific details section when opened. This value simply determines the initial width of the menu.

Offset

Here you can determine how far the menu will appear above or below the toggle icon.

Radius

This option simply controls the corner roundness of the menu.

Background

Here you can set a background for the menu. You can choose between:

  • Single Color
  • 2 Color Gradient
  • 3 Color Gradient

List Items

Here you will find all of the options for editing individual list items and details sections.

Padding (Vertical & Horizontal)

This determines the amount of vertical/horizontal padding around all list items, and list titles.

Icon Size & Spacing

Here you can set the size of list item icons as well as the amount of space between the icons and list item text.

Text Size

This determines the font size of list item text.

Detail Text

Here you can set the default font-size of text in the details section.

Detail Padding

Here you can set the amount of padding around the content of the details section.

Close Icon

Here you can set the font-size of the close icon

Icon Type

Here you can select the type of icon you would like for the “close/back icon”.

You can choose between:

  • Close (X)
  • Chevron (<)
  • Arrow (?)

Item Titles (Color)

Here you can set the text and background color of list titles

Item Text (Initial & Hover)

These options control the list item text on both initial state and hover

Item Background (Initial & Hover)

These options control the list item text on both initial state and hover

Detail Colors

Here you can set the text color for Headers, Text, and Links in the details section.

Back Icon Colors

Here you can set the color of the back icon on both initial and hover state.