newsanti Posted December 31, 2022 Share Posted December 31, 2022 How to show label tootip at runtime? Link to comment Share on other sites More sharing options...
Sherzod Posted December 31, 2022 Share Posted December 31, 2022 51 minutes ago, newsanti said: How to show label tootip at runtime? Hello, Could you please explain in more detail? Link to comment Share on other sites More sharing options...
newsanti Posted December 31, 2022 Author Share Posted December 31, 2022 4 hours ago, Sherzod said: Hello, Could you please explain in more detail? I want to show tooltip when MouseOver or OnMouseEnter of TuniLabel. Link to comment Share on other sites More sharing options...
Sherzod Posted December 31, 2022 Share Posted December 31, 2022 17 minutes ago, newsanti said: I want to show tooltip when MouseOver or OnMouseEnter of TuniLabel. Link to comment Share on other sites More sharing options...
newsanti Posted December 31, 2022 Author Share Posted December 31, 2022 49 minutes ago, Sherzod said: I want to show tooltip style like this ? Link to comment Share on other sites More sharing options...
newsanti Posted December 31, 2022 Author Share Posted December 31, 2022 I want to show tooltip style like this ? Link to comment Share on other sites More sharing options...
Sherzod Posted December 31, 2022 Share Posted December 31, 2022 6 hours ago, newsanti said: I want to show tooltip style like this ? Link to comment Share on other sites More sharing options...
Sherzod Posted December 31, 2022 Share Posted December 31, 2022 https://www.w3schools.com/css/css_tooltip.asp 1 Link to comment Share on other sites More sharing options...
newsanti Posted January 1, 2023 Author Share Posted January 1, 2023 12 hours ago, Sherzod said: https://www.w3schools.com/css/css_tooltip.asp Hint is OK. but not show as Tooltip! Link to comment Share on other sites More sharing options...
Sherzod Posted January 1, 2023 Share Posted January 1, 2023 Hello, 1. CustomCSS: .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: 150%; left: 50%; margin-left: -60px; } .tooltip .tooltiptext::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent; } .tooltip:hover .tooltiptext { visibility: visible; } 2. UniLabel.Caption = <div class="tooltip">Hover over me<span class="tooltiptext">Tooltip text</span></div> 3. UniLabel.TextConversion = txtHTML 1 Link to comment Share on other sites More sharing options...
newsanti Posted January 1, 2023 Author Share Posted January 1, 2023 7 hours ago, Sherzod said: Hello, 1. CustomCSS: .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: 150%; left: 50%; margin-left: -60px; } .tooltip .tooltiptext::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent; } .tooltip:hover .tooltiptext { visibility: visible; } 2. UniLabel.Caption = <div class="tooltip">Hover over me<span class="tooltiptext">Tooltip text</span></div> 3. UniLabel.TextConversion = txtHTML Work Perfect! Thanks. 1 Link to comment Share on other sites More sharing options...
newsanti Posted January 1, 2023 Author Share Posted January 1, 2023 10 hours ago, Sherzod said: Hello, 1. CustomCSS: .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: 150%; left: 50%; margin-left: -60px; } .tooltip .tooltiptext::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent; } .tooltip:hover .tooltiptext { visibility: visible; } 2. UniLabel.Caption = <div class="tooltip">Hover over me<span class="tooltiptext">Tooltip text</span></div> 3. UniLabel.TextConversion = txtHTML if Label.caption is FontAwesome, tooltip don't show. Link to comment Share on other sites More sharing options...
Sherzod Posted January 1, 2023 Share Posted January 1, 2023 What are your settings? Link to comment Share on other sites More sharing options...
newsanti Posted January 2, 2023 Author Share Posted January 2, 2023 7 hours ago, Sherzod said: What are your settings? Link to comment Share on other sites More sharing options...
Sherzod Posted January 2, 2023 Share Posted January 2, 2023 5 hours ago, newsanti said: Well, yes, tooltip will not be shown here, since you are not specifying classes. The usual hint will be shown here. Link to comment Share on other sites More sharing options...
newsanti Posted January 2, 2023 Author Share Posted January 2, 2023 57 minutes ago, Sherzod said: Well, yes, tooltip will not be shown here, since you are not specifying classes. The usual hint will be shown here. I try with specifying classes when is fontAwesome label, Hint also show as usual hint not tooltip shown. Link to comment Share on other sites More sharing options...
Sherzod Posted January 2, 2023 Share Posted January 2, 2023 So, what doesn't work for you, I don't understand. Link to comment Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now