Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Table with the Tooltip | Tables
Test UI Features
course content

Kurssisisältö

Test UI Features

Test UI Features

1. Buttons
2. ContentDev Tools
3. Image Tools
4. Links
5. Other
7. Tables
8. Developers

book
Table with the Tooltip

Readme

The table cell with a tooltip is structured as follows:

html
  • progress-tooltip-container : A wrapper div to organize the main content ( Trustpilot Score ) and the tooltip;

  • info-tooltip : A span that acts as the tooltip trigger. In this example, it is represented by the "ⓘ" symbol;

  • info-tooltip-text : A nested span containing the tooltip's text. This content is displayed when the user hovers over the trigger.

Element

Source Code

html

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 7. Luku 2

Kysy tekoälyä

expand
ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

course content

Kurssisisältö

Test UI Features

Test UI Features

1. Buttons
2. ContentDev Tools
3. Image Tools
4. Links
5. Other
7. Tables
8. Developers

book
Table with the Tooltip

Readme

The table cell with a tooltip is structured as follows:

html
  • progress-tooltip-container : A wrapper div to organize the main content ( Trustpilot Score ) and the tooltip;

  • info-tooltip : A span that acts as the tooltip trigger. In this example, it is represented by the "ⓘ" symbol;

  • info-tooltip-text : A nested span containing the tooltip's text. This content is displayed when the user hovers over the trigger.

Element

Source Code

html

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 7. Luku 2
Pahoittelemme, että jotain meni pieleen. Mitä tapahtui?
some-alt