Remove Search Highlighting Completely?

[scottmidler]

I would like to "turn off" the search highlighting for my WebHelp output. I don't want to change the styles for the found term; I don't want them highlighted at all.

Is this possible? I tried removing the "Remove Highlight" toolbar button from my skin, and while that did remove the button, it did not change the highlighting of the found items. And I saw the help discussion regarding changing the look of the Highlighted search terms, but again, I don't want any of this functionality. I just want the page displayed without any highlighting.

I don't see an option for disabling this functionality without disabling search altogether.

Thanks in advance.

[bobmoon]

I think you can do this by adding the span.SearchHighlightXX styles to your stylesheet and setting background-color to (default).

Use the instructions in the Flare help topic ("Using Styles to Change the Look of Highlighted Search Terms") to add the span.SearchHighlight1 through span.SearchHighlight10 styles, and set them to have no background color.

Bob

[NorthEast]

I think you can do this by adding the span.SearchHighlightXX styles to your stylesheet and setting background-color to (default).

Use the instructions in the Flare help topic ("Using Styles to Change the Look of Highlighted Search Terms") to add the span.SearchHighlight1 through span.SearchHighlight10 styles, and set them to have no background color.

Bob

That's what I thought too, but it doesn't work - and for a surprising reason too, Flare seems to add some hard-coded in-line highlighting.

If you look at the page code when it displays search results, the highlighted term looks like this:

Code: Select all

<span class="highlight" style="font-weight: bold; background-color: rgb(255, 255, 102); color: rgb(0, 0, 0);">
<span class="SearchHighlight1">Term</span>
</span>

So whatever styles you set for span.searchHighlight1 are actually just overriding the fixed highlighting; which sets the font to bold and the colors to black text on a yellow background.

Now you could set span.searchHighlight1 to counteract this, e.g. by setting background-color: white (or whatever's normal) and font-weight: normal.
However, if the search term wasn't originally black on a white background, or was bold; then you'd still notice a change in formatting.

Anyway, it looks a bit of a kludge!

[phriend_o_phlair]

I put a feature request in regarding this auto-styling. We'll see if it takes. I assume this bolding is added to "guarantee" some sort of search highlighting. Whatever the case may be, it would be nice to merely highlight without altering any "intentional" styling of help system text.

[Paulie]

I have had a quick play, and adding the below to the style sheet seems to disable the search highlighting (by inheriting the style of the parent element):

Code: Select all

span.SearchHighlight.SearchHighlight1,
span.SearchHighlight.SearchHighlight2,
span.SearchHighlight.SearchHighlight3,
span.SearchHighlight.SearchHighlight4,
span.SearchHighlight.SearchHighlight5,
span.SearchHighlight.SearchHighlight6,
span.SearchHighlight.SearchHighlight7,
span.SearchHighlight.SearchHighlight8,
span.SearchHighlight.SearchHighlight9
{
	background-color: inherit;
	font-weight: inherit;
	color: inherit;
}

[NorthEast]

Note that the discussion above is from 2010 and is only an issue in WebHelp - the hard-coded style problem doesn't exist for HTML5 outputs, but still applies to WebHelp in v11.

Anyway, Paulie's CSS above will be for Flare v11 HTML5 output using a top navigation skin.

If you're using the tripane skin in either the v10 or V11 HTML5 output, then you set the search highlight colours in the skin - Styles > Search Highlight; you can type in 'inherit' as the background color and font color.

It's all in here:
http://webhelp.madcapsoftware.com/flare ... h_Hits.htm