HTML Elements Forums Tooltip Progress bar inside a tooltip ?

This topic contains 1 reply, has 2 voices, and was last updated by  ivailo 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #99461

    hansT
    Participant

    Hello again !

    I need a tooltip with a progress bar inside it to indicate the loading process of my data operations. Can i place a progress bar component inside the tooltip ? How do i it ? Code snippet please !

    Thank you !

    #99463

    ivailo
    Participant

    Hi hansT,

    To do this, you can use a template. Custom templates can be set via tooltipTemplate property. In the template, you can set various HTML content, including progress bar elements.
    Here is an example of how to do this:

    <template id="template">
            <smart-progress-bar value="50"></smart-progress-bar>
    </template>
    
    <smart-button id="button">Button</smart-button>
    <smart-tooltip id="tooltip" selector="button" arrow tooltip-template="template"></smart-tooltip>

    Best Regards,
    Ivailo Ivanov

    Smart HTML Elements Team
    https://www.htmlelements.com

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.