Search Slide Component

Add the Slide Search component to add a Search button that will open the Search Slide modal/popup to allow for viewers/users to search for slides contained within the presentation.

Viewer/users will be able to open/view the slide by clicking on one of their search results displayed within the modal/popup.

Step 1: Add the Search Slide Component
Begin by accessing the Component Store, search for “Search Slide”, and add it to your slide.

Step 2: Size and Position
Click and drag the component, size it as desired, then place it anywhere on your slide layout.

Proper sizing ensures that the desired text fit cleanly within your overall design.

Step 3: Edit the Appearance settings of the Button That Opens the Search Slide Modal/Popup
Use the component settings panel to add/remove a button label and/or image/icon as well as set the position of those elements relative to one another (if both label and image/icon are used together).

Open Search Button Label (text input setting)

This text input setting will add the desired text that will appear within the button used to open the Slide Search modal/popup

Hide Label (check box setting)
This checkbox setting will hide/remove the Label text on the button when checked

Include Graphics (multiple-choice setting)
This multiple-choice setting will allow you to add an Image or Icon, to the button.
If you don't want to add an Image or Icon you can choose the None option
​

Open Search Button Image / Open Search Button Icon (image/icon settings area)

To add an Icon/Image to the image/icon settings area click on the 'Open Icon Gallery' or 'Click To View Image Library' text to select an Image/Icon from their respective Gallery/Library; the image/icon that you select will be displayed on the Search Slide button

Icon Position / Image Position (dropdown setting selection)

Is a dropdown selector setting that will allow you to choose the position of the icon/image graphic in relation to the Open Search Button Label text that appears on the Search Slide button; options are Top, Left, Bottom, or Right
​

Gap (numeric text input setting)

This is an editable numeric text field that will set the size of the space in between the graphic (Image or Icon) and the Open Search Button Label text
​

​You can use both Labels and Include Graphics setting to show text and image on the Search Slide component button.

Hover Open Search Button Image (image settings area)

The selected Hover Open Search Button Image you add to the settings area would be visible when a viewer hovers over the Search Slide button

Step 4: Style the Search Slide button
Use the Styling tab to style the Search Slide button.

The options for the Open Search Button styling are:

(styling options ALWAYS present)

The options for the Hover Open Search Button styling are:

(styling options ALWAYS present)

The options for the Open Search Button Label styling are:

(styling options only present if Label text is visible)

The options for the Icon styling are:

(styling options only present if Icon is being used)

Step 5: Edit the Appearance settings of the Search Slide Search Bar and Modal/Popup

While the Search Slide component is selected click the 'Show Popup' button located in the top left border of the layout window to adjust the setting sand styling of the Search Bar and Modal/Popup area.

Use the component settings panel to edit the search bar label text and ad image/icon as well as set the position of those elements relative to one another (if you desire to add image/icon within the search bar).

Search Bar Label (text input setting)

This text input setting will add the desired text that will appear within the search bar

Include Graphics (multiple-choice setting)
This multiple-choice setting will allow you to add an Image or Icon, to the search bar.
If you don't want to add an Image or Icon you can choose the None option
​

Open Search Button Image / Open Search Button Icon (image/icon settings area)

To add an Icon/Image to the image/icon settings area click on the 'Open Icon Gallery' or 'Click To View Image Library' text to select an Image/Icon from their respective Gallery/Library; the image/icon that you select will be displayed on the Search Slide search bar

Icon Position / Image Position (dropdown setting selection)

Is a dropdown selector setting that will allow you to choose the position of the icon/image graphic in relation to the Open Search Button Label text that appears on the Search Slide search bar; options are Left or Right
​

Gap (numeric text input setting)

This is an editable numeric text field that will set the size of the space in between the graphic (Image or Icon) and the Search Bar Label text
​

​You can use both Labels and Include Graphics setting to show text and image on the Search Slide component search bar.

Step 6: Style the Search Slide Search Bar and Modal/Popup
Use the Styling tab to style the Search Bar and Modal.

The options for the Search Bar styling are:

(styling options ALWAYS present)

The options for the Search Bar Label styling are:

(styling options ALWAYS present)

The options for the Search Results styling are:

(styling options ALWAYS present)

The options for the Modal Background Overlay styling are:

(styling options ALWAYS present)

The options for the Close Button styling are:

(styling options ALWAYS present)

The options for the Close Button Hover styling are:

(styling options ALWAYS present)

The options for the Search Bar Icon styling are:

(styling options only present if Icon is being used)