Configuration Form

Last updated on
5 April 2023

This documentation needs work. See "Help improve this page" in the sidebar.

Layout

Container

By default the container is fixed, check for a fluid container. See Fluid container.

Sidebar Position

Sidebars at both left, both right or surrounding content left & right

Content Offset (defined in columns)

Sidebar First Layout

Sidebar collapse (do not work yet)

Sidebar First Width (defined in columns)

Sidebar First Offset (defined in columns)

Sidebar Second Layout

Sidebar Second Width (defined in columns)

Sidebar Second Offset (defined in columns)

Components

Buttons

Button with outline format. See Outline Buttons

Button size: Small, Medium, Large

NavBars

Navbar Width Container. Check if Navbar width will be inside container or fluid width.

Navbar toggle size. Select size for navbar to collapse.

Navbar top is Navbar. Check if Navbar Top .navbar class should be added.

Navbar top position. Select your navbar top position.

Navbar top color. Select a color for links in navbar top.

Navbar top background. Select a color for the background in navbar top.

Navbar position. Select your Navbar position.

Navbar link color. Select a color for links in navbar style.

Navbar background. Select a color for the background in navbar.

Affix (Currently not working)

Affix navbar top. Apply affix effect to the top navbar of the site.

Affix navbar. Apply affix effect to the navbar of the site.

Affix sidebar first. Apply affix effect to the sidebar first of the site.

Affix sidebar second. Apply affix effect to the sidebar second of the site.

Update: Affix will work with a small change mentioned in the issue #3337961. All you have to do is add  - core/once under the dependencies in your `CHILD_THEME.libraries.yml`. You can do this until the issue is fixed and closed.

Scroll Spy

The element for Scroll Spy, insert valid dom ID. A valid jquery Id for the element containing .nav that will behave as scroll spy.

Fonts

Fonts

Google Fonts Combination. Refer to Predifined Fonts Combinations.

Icons

Icon set, currently Font Awesome (javascript) or Google Material Design (css). Loaded via CDN.

Colors

System Messages Color Scheme Replace standard color scheme for the system maintenance alerts with Google Material Design color scheme.

Help improve this page

Page status: Needs work

You can: