newsanti Posted December 31, 2022 Share Posted December 31, 2022 How to show label tootip at runtime? Quote 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? Quote 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. Quote 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. Quote 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 ? Quote 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 ? Quote 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 ? Quote 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 Quote 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! Quote 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 Quote 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 Quote 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. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 1, 2023 Share Posted January 1, 2023 What are your settings? Quote 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? Quote 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. Quote 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. Quote 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. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.