Page Comparison

...

Use the Search Highlight module to add a search bar to a page. The search results vary depending on the page the module is placed on.:

Search highlight module placed on

Gives search results from

The site’s home page.

or

A Refined Page page that doesn’t have spaces or projects grouped under it in the Site Builder.

The landing page of a space or project.

or

A Refined Page that has spaces or projects grouped under it in the Site Builder.

The pages and blog posts of the space, and of spaces grouped underneath it in the Site Builder.
Jira Software issues of the project, and of projects grouped underneath it in the Site Builder.
JSM request types of the project, and of projects grouped underneath it in the Site Builder.
Articles from knowledge bases added to the JSM project, and of JSM projects grouped underneath it in the Site Builder.
Promoted Search Results with the relevant location set.

Add this module to a page

All Refined Pages, Confluence spaces, Jira Software projects and JSM projects that you add in the Site Builder get their own landing page on your Refined site. Modules are the building blocks of these pages.

Go to the Page BuilderOpen the Page Builder on the page you want to edit. This can be:
- The site’s homepage.
- A Refined Page.
- The landing page of a Jira Software project, Jira Service Management project, or Confluence Space.
Hover your mouse over the desired location on the page and click the + Add module button that appears.
Click Search in the left-hand menu.

...

Setting

Description

Background

Add an Image, Color, or Gradient as background – or turn off the background by selecting None.

There are multiple ways to pick a color:

Select the shade and hue at the top of the popup.
Enter an RGB, RGBA, or hex code.
Click the eyedropper icon to select a color from anywhere on the page (available in the browsers Firefox and Edge).
Click one of the recently used colors.

Use the vertical slider located in the middle of the popup to control the color’s opacity.

Fixed height

By default, all modules adjust their size to their content. If you want To set a fixed height instead, fill in the desired height in pixels.

...

Setting	Description
Placeholder text	Add default text that shows in the search bar until users start typing, for example to suggest a specific query.
Search bar style	Light, Dark, dark or gray Gray.