UI Editor

The UI Editor page allows you to edit how your SmartHub pages look and behave for your users. The UI Editor is an interface that allows designated users to edit and customize selected pages. Designated users can access the UI Editor in one of two ways:

  • By an Administrator user via the ADMINISTRATION page for SmartHub
  • By a user with the Designer role via the "Edit page" menu
    • The Edit page button can be found by clicking the profile in the top right corner on SmartHub pages in your web browser

Note: An administrator can give the role of Designer to a user from the Security Roles menu on the SmartHub Administration Console.

Modes

The UI Editor can be operated in two modes: Basic or Advanced. Admins and designers can use the toggle control in the top right corner to swap between modes.

  • Basic mode enables basic page editing with predefined controls that you can modify.

  • Advanced mode allows for in-depth page editing to enable/disable different components or to change the page style

    • HTML customizations should be done via the Advanced HTML edit tab.

    • CSS customizations should be done via the Advanced css edit tab

    • Settings customizations should be done via the Advanced settings edit tab

UI Editor reference

Refer to the following table for more information on how you can edit your SmartHub pages and enable various features for your users:

Item Description
Configure UI elements SmartHub offers a number of UI elements that you can select and customize to fit your users and organizations needs. you can add these elements to your SmartHub environment to improve the overall search experience for your users. Additionally, you can select various components to improve how your environemtn looks, such as adding your compnay logo, configuring document thumbnails, and modifying the ribbon.
Set up and configure refiners You can add and configure refiners to allow your users to further refine and filter their search results. Multiple refiner supported by SmartHub.
Set up user interaction SmartHub allows you to set up an interactive chatbot to provide suggestions and additional functionality to your users. The chatbot can lend assistance to the user in a variety of scenarios including when no search results are returned, too many results are returned, or the user has reached the bottom of the results page.
Configure the Content Container module  
Configure type-ahead suggestions You can configure type-ahead suggestion in your SmartHub search box. Type-ahead displays suggestions based on the text that the user has already input into the search box.

For more information on how you can use the UI Editor to modify and enhance your SmartHub pages, see How to Use the UI Editor.