Use HTML in tooltip component

[bengoutaeli]

According to old issue Add a tooltip component for template or external apps #4518.

We want to use HTML (using of Handlebars of course) in order to have specific content within tooltip in order to apply it in this example

The deadline for this feature is early to mid-September.

[freddidierRTE]

I check , the actual tooltip permit only a line of text

We need to change it to have HTML inside

https://www.w3schools.com/howto/howto_css_tooltip.asp

[bengoutaeli]

Is it possible to check the opfab-tooltip within an opfab-table td ? (as the screen example) @freddidierRTE

[freddidierRTE]

Is it possible to check the opfab-tooltip within an opfab-table td ? (as the screen example) @freddidierRTE

yes it is possible to have the actual tooltip in a td .

the new tootip with HTML should as well be available in a td

Working example :

            <p>TABLE</p>
            <div class="opfab-table">
                <table>
                    <thead>
                        <tr>
                            <th>Header 1</th>
                            <th>Header 2</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td> <span  opfab-tooltip-text="Message " class="opfab-tooltip"> Row 1 Column 1  </span> </td>
                            <td> <span  opfab-tooltip-text="Message " class="opfab-tooltip"> Row 1 Column 2  </span> </td>
                        </tr>
                        <tr>
                            <td> <span  opfab-tooltip-text="Message " class="opfab-tooltip"> Row 2 Column 1  </span> </td>
                            <td> <span  opfab-tooltip-text="Message " class="opfab-tooltip"> Row 2 Column 2  </span> </td>
                        </tr>
                    </tbody>
                </table>
            </div>