> For the complete documentation index, see [llms.txt](https://docs.eximee.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.eximee.com/documentation/documentation-en/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/4-tresci/tresc-textcontent/pomoc-kontekstowa-tooltip-w-tresciach-formatowanych.md).

# Context help (Tooltip) in formatted content

{% hint style="info" %}
Availability of functionality depends on the license and may not be available in all deployments.
{% endhint %}

{% hint style="info" %}
Embedded tooltips in **Content** (text content) can be used in the Radio product group component - GesProductRadioGroup.
{% endhint %}

{% hint style="info" %}
The tooltip informational content will be displayed above the help icon. It is not possible to choose/set another position.
{% endhint %}

## Requirements

* **Content** (Text content) should be of type HTML.
* Remember to add styles for divs with the appropriate attributes.
* Div with the attribute **tooltip** is responsible for the position of the tooltip, and the div with the attribute **tooltip-content** is responsible for the tooltip content. The values of these attributes must match (they are used to link them).

## HTML structure

To create a tooltip, you need to create 2 divs with the appropriate attributes:

* div\[tooltip]
* div\[tooltip-content]
* div\[tooltip-title] - sets the title for the dialog window, replacing the default value 'Help' (for mobile RWD)

Optional:

* div\[tooltip-native-title] - native mode only, sets the title for the dialog window, replacing the default value 'Help'
* div\[tooltip-native-action-close-label] - native mode only, sets the text on the dialog window button, replacing the default value 'Close'
* div\[tooltip-native-spacing-multiplier] - in native mode sets the line height multiplier (lineSpacingMultiplier) in the infotip, and in mobile mode has an analogous effect for the text in the popup content.

Example “in the final form”:

{% code title="Example HTML" %}

```html
<div tooltip="myTooltip"></div>
<div></div>
<div tooltip-content="myTooltip">Alice has a cat</div>
<div tooltip-title="myTooltip">New title</div>
<div tooltip-native-title="myTooltip">New title</div>
<div tooltip-native-action-close-label="myTooltip">Accepts</div>
<div tooltip-native-spacing-multiplier="myTooltip">1.7</div>
```

{% endcode %}

In the above example, we have one tooltip with the content "Alice has a cat".

## Styles (CSS / SCSS)

Example styles that need to be added for these divs:

{% code title="Example styles" %}

```css
div[tooltip-content] { display: none; }
div[tooltip-native-action-close-label] { display: none; }
div[tooltip-native-title] { display: none; }
div[tooltip-native-spacing-multiplier] { display: none; }

div[tooltip] {
  @include ex-tooltip-button;
  display: inline-block;
  margin-left: 8px;
  margin-bottom: -3px;
  height: 17px;
  width: 17px;
}
```

{% endcode %}

Notes:

* div\[tooltip] is responsible for positioning the icon/element that triggers the tooltip.
* div\[tooltip-content] contains the content that will be shown in the tooltip window — its attribute must have the same value as the div\[tooltip] attribute to link them.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.eximee.com/documentation/documentation-en/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/4-tresci/tresc-textcontent/pomoc-kontekstowa-tooltip-w-tresciach-formatowanych.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.