• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Change style of the glossary tooltip (RH2022)

Participant ,
Jul 21, 2023 Jul 21, 2023

Copy link to clipboard

Copied

I am using the glossary feature in RH 2022. In the final output, if I hover-over the glossary item, a tooltip pop up. Is there any way to change the style of the text that pops up? For example, I would like to change the text size or the background color.

I am using RH 2022.2.22.

Thanks,

Jim

 

Views

126

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Jul 23, 2023 Jul 23, 2023

In RH2022 (Frameless) if you selected the "Tooltip" style, the popup is automatically generated by the browser from the content of the "title" html propery. So I don't think there's any way to customise it. 

 

If you used the "Popup" style then you can customise it, although it doesn't look like Adobe allowed an easy way to do that (unless it's hiding in the templates somewhere). However, I poked around and you can try adding p.popover-text to your stylesheet, with the customisations you need. I

...

Votes

Translate

Translate
Community Expert ,
Jul 22, 2023 Jul 22, 2023

Copy link to clipboard

Copied

I don't have the answer you want but maybe this will help one of your developers to assist you.

 

If you right click the glossary term and then select Inspect, that reveals the glossary term style is a.tooltip. You can add that to your CSS and change the style of that. 

 

image.png

 

It does not seem to be possible to right click the popup so I cannot see how the style of that is defined. Maybe one of your developers can.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

 

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 23, 2023 Jul 23, 2023

Copy link to clipboard

Copied

In RH2022 (Frameless) if you selected the "Tooltip" style, the popup is automatically generated by the browser from the content of the "title" html propery. So I don't think there's any way to customise it. 

 

If you used the "Popup" style then you can customise it, although it doesn't look like Adobe allowed an easy way to do that (unless it's hiding in the templates somewhere). However, I poked around and you can try adding p.popover-text to your stylesheet, with the customisations you need. If that doesn't work, try adding !important after value.

 

e.g. 1

 

p.popover-text {
    color: orange;
}

 

 

e.g. 2

 

p.popover-text {
    color: orange!important;
}

 

You should be able to customise the expanding option as well, but I didn't poke in to that one - it used to be part of the standard stylesheet styles and is probably something like span.expandtext

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Jul 24, 2023 Jul 24, 2023

Copy link to clipboard

Copied

LATEST

Thanks Amebr. I am using the tooltip style, so I guess I am stuck with the default settings. After reading your post, I tested our documentation on several browsers using several different accounts and confirmed what you said: The browser decides. 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp