Apps documentation
Theme Extension for Jira Service Management
Theme Extension for Jira Service Management
Guides
FAQ
Release notes
Last updated Apr 5, 2020

Search bar

This section provides information on configuring an appearance of the search bar and its content.

Steps

To set configuration:

  1. Choose Projects at the top of the screen.
  2. Choose the service project you want to configure.
  3. From service project sidebar, select Project settings > Configuration in the Theme Extension section.
    Creating a theme configuration with Theme Extension for Jira Service Management
    Creating a theme configuration with Theme Extension for Jira Service Management
    Info

    You can also configure the appearance of your portal going directly to Customer Portal:
    Go to Customer channels > click Visit the portal or copy and paste a link into a browser address bar.

  4. Go to Select theme and click Cards.
    Creating custom graphics on the Customer Portal with Theme Extension for Jira Service Management
    Creating custom graphics on the Customer Portal with Theme Extension for Jira Service Management
  5. Click Next.
    Creating a theme configuration with Theme Extension for Jira Service Management
    Creating a theme configuration with Theme Extension for Jira Service Management
  6. The Apply theme style dialog box appears.
  7. Choose one of them and click Apply.
    Applying a theme style with Theme Extension for Jira Service Management
    Applying a theme style with Theme Extension for Jira Service Management
  8. Click on search bar.
    Editing a search bar with Theme Extension for Jira Service Management
    Editing a search bar with Theme Extension for Jira Service Management
  9. The Edit search bar style dialog box appears.
  10. Go to Text and type a text content.
    Note

    We recommend typing a text containing maximum 60 characters to see the whole content.


    Editing a text content in search bar with Theme Extension for Jira Service Management
    Editing a text content in search bar with Theme Extension for Jira Service Management
  11. Go to Select text/icon color.
    You have four options:
    1. Set a color manually.
    • Select a color range.
    • Pick a color from the canvas.
    • Select an opacity value.
    1. Enter the HEX color code.
      Entering the HEX color code of text in search bar with Theme Extension for Jira Service Management
      Entering the HEX color code of text in search bar with Theme Extension for Jira Service Management
    2. Enter the RGBA color code.
      Entering the RGBA color code of text in search bar with Theme Extension for Jira Service Management
      Entering the RGBA color code of text in search bar with Theme Extension for Jira Service Management
    3. Enter the HSLA color code.
      Entering the HSLA color code of text in search bar with Theme Extension for Jira Service Management
      Entering the HSLA color code of text in search bar with Theme Extension for Jira Service Management
  12. Go to Select background color.
    You have four options:
    1. Set a color manually.
    • Select a color range.
    • Pick a color from the canvas.
    • Select an opacity value.
    1. Enter the HEX color code.
    2. Enter the RGBA color code.
    3. Enter the HSLA color code.
  13. Go to Select border and icon color.
    You have four options:
    1. Set a color manually.
    • Select a color range.
    • Pick a color from the canvas.
    • Select an opacity value.
    1. Enter the HEX color code.
    2. Enter the RGBA color code.
    3. Enter the HSLA color code.
  14. Go to Select border thickness and enter the value between 0 and 10.
  15. Click Apply.
    Selecting border thickness of search bar and applying settings with Theme Extension for Jira Service Management
    Selecting border thickness of search bar and applying settings with Theme Extension for Jira Service Management

Result

A new configuration is added.

Example

Now you can see added search bar configuration with Theme Extension for Jira Service Management
Now you can see added search bar configuration with Theme Extension for Jira Service Management
Info

Remember, you have to click Publish in Edit mode at the top of the screen on the right side to see applied changes on the Customer Portal.

Hide searcher

If you want, you can hide searcher by clicking the eye icon.

Hide searcher by clicking the eye icon with Theme Extension for Jira Service Management
Hide searcher by clicking the eye icon with Theme Extension for Jira Service Management

Result of hiding searcher on the Customer Portal:

Result of hiding searcher on the Customer Portal with Theme Extension for Jira Service Management
Result of hiding searcher on the Customer Portal with Theme Extension for Jira Service Management

Need help?

If you can’t find the answer you need in our documentation, raise a support request*.
*Include as much information as possible to help our support team resolve your issue faster.