- This topic has 1 reply, 2 voices, and was last updated 5 years, 7 months ago by .
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- You must be logged in to reply to this topic.
JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Tooltip › Progress bar inside a tooltip ?
Tagged: advanced tooltip, custom element, custom tooltip, progress tooltip, smart elements, smart framework, tooltip with a progress bar, web component, web components
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 !
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