Widgets


 





Set Custom Search Widget Options

Who can use this feature?

System_Admin.png Slash.png Owner.png


Overview

This article will show you how to create a custom search widget to use on a page.

Instructions

  1. Navigate to Modules > Site Tools > Design Center
    modules_content_design_center.png
  2. Select Widget Manager
    widget_manager.png
  3. Select Search
    search.png
  4. Select +
    add_search.png
  5. Type in the name for your option set
    name_option_set.png
    • Note: We recommend you naming it where you plan on using it. For example, Home - Search.
  6. Select Create Option Set
    create_option_set.png
  7. The Search Widget option box will appear for customization
    • Header
      header_option.png
      • Display Header: Check if you would like the header to be displayed
      • Text: Allows you to set the header text
      • Image: Select the image you would like to appear in the header
    • Box
      box_option.png
      • Helper Text: Will display in search box until someone starts typing
      • Helper Text Color: Allows you to customize the color
      • Search Box Text Color: Allows you to customize the text color
      • Styles: Allows you to set the style in the box using CSS
    • Button
      button_option.png
      • Text: Allows you to customize the text on the button
      • Image: Allows you to choose a search image
      • Hover Image: Allows you to choose the search image when it is hovered over
      • Position: Allows you to choose where the search button appears int the search box
      • Styles: Allows you to set the style in the button using CSS
    • Misc
      misc_option.png
      • Misc Styles: Allows you to set the style for CSS
  8. Select Save
    save_option.png



I'd Like to Request an Enhancement

0 out of 0 found this helpful

Updated:
Follow

Article Feedback