Tooltip

Hello,

I want to display this tooltip except if there is a content to display, is it possible ?

mvp_badge
MVP
Solution

Hi Jad,

One more approach is to add conditional CSS style class to the Tooltip ExtendedClass property based on the content availablity.

Also define the below-mentioned CSS definition in the stylesheet section.

CSS rule:

.hide-tooltip.osui-tooltip.osui-tooltip--is-hover:hover .osui-tooltip__balloon-wrapper {
    display: none;
}

Demo screen: TooltipTask

Note: Please post your comments in english lanaguage (or use google translate) for other community members to understand and help you better :)

Refer to the attached oml

I hope this helps you!


Kind regards,

Benjith Sam

NeoLab_TooltipTask.oml

@Benjith Sam 

Thank you very much for your answer it helped me it's the solution 

for the language yes I know but sometimes I forget and I write in French thanks for reminding me :) 

mvp_badge
MVP

You're welcome, Jad.

Glad to help you :)


Kind regards,

Benjith Sam

@Jad  MS

you want to display tooltip widget on full display? if I am correct. then, you can try inspect that element and apply CSS to it. It will work.

If possible attach image or .oml

Thanks
Shriyash

Hello,

Did you mean then If you have a content in expression or some data then you want to display the tooltip, if no data then  the tooltip not shown, 

if I am correct  then you can use a if condition and check if data<> ""

then on true branch show the tooltip 

If you are looking for something else, then can you please elaborate your issue or provide oml so we can demonstrate your issue, and reply accordingly


Thanks

Tousif


I tried to do what you told me but it is not possible to apply an if on a tooltip 

how can I do that: 

Bonjour merci pour votre réponse, 

Je veux afficher cette tooltip sauf s'il y'a un contenu par exemple ici y'a rien à afficher donc je veux qu'elle disparaisse

Hi @Jad  MS ,

Is is simple just put your tooltip into if condition and check whether your require field has value or blank. If value is there then put tooltip into TRUE block of IF Condition. And False block will be empty.

Please refer image attached 

Salut @Jad 

MS,C'est simple, il suffit de mettre votre info-bulle dans la condition if et de vérifier si votre champ requis a une valeur ou est vide. Si la valeur est là, placez l'info-bulle dans le bloc TRUE de la condition IF. Et le bloc False sera vide.Veuillez vous référer à l'image ci-jointe

Capture.JPG

mvp_badge
MVP
Solution

Hi Jad,

One more approach is to add conditional CSS style class to the Tooltip ExtendedClass property based on the content availablity.

Also define the below-mentioned CSS definition in the stylesheet section.

CSS rule:

.hide-tooltip.osui-tooltip.osui-tooltip--is-hover:hover .osui-tooltip__balloon-wrapper {
    display: none;
}

Demo screen: TooltipTask

Note: Please post your comments in english lanaguage (or use google translate) for other community members to understand and help you better :)

Refer to the attached oml

I hope this helps you!


Kind regards,

Benjith Sam

NeoLab_TooltipTask.oml

@Benjith Sam 

Thank you very much for your answer it helped me it's the solution 

for the language yes I know but sometimes I forget and I write in French thanks for reminding me :) 

mvp_badge
MVP

You're welcome, Jad.

Glad to help you :)


Kind regards,

Benjith Sam

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.