Gallery on Base Toolkit - Version 2.9

Preview this component (Custom Element; v2.16.0; 4/20/2023)

Guidelines using the component

Component Display

Change Your Content and Options

Template -- enter raw HTML here

Template Options

Important Classes

Size

Classes

N/A

Attributes

N/A

Advanced Options

These options are only to be used in advanced situations -- most of your needs should be met through the attributes and classes, and this breaks the intent of having a unified design.

Custom Style Tag before text

--il-gallery-width (Width of the overlay)
--il-gallery-height (Padding for the overlay)
--il-gallery-background (Background color)
--il-gallery-background-focus (Background color when focused)
--il-gallery-text-focus (Text color when focused)

How to add it to your page

Copy and paste this in your page. Remember

Make sure you have updated your component to make sure the below code is completed.
Make sure you have the Header code in your header.

Note that this uses the custom style 'builder-custom'. You may need to change this if you are using multiple versions of this component with different styles.

Copied to clipboard