235
Views
9
Comments
Customized tooltip
Application Type
Reactive
Service Studio Version
11.54.1 (Build 62118)

Hi Team,

I want to implemente customized tooltip  which will not impact outsystems tooltip. It should work as different customized tooltip. While doing this I need to change tool tip look and feel as per my requirement in existing Tooltip to create customized tooltip how I can manage CSS classes of tooltip.

I need to implement as per below look and feel. Please help me regarding this.

 

2020-09-15 13-07-23
Kilian Hekhuis
 
MVP

Hi Rajashri,

You could start with taking a look at OutSystems UI, and how it's implemented there.

UserImage.jpg
Rajashri Bhadule

Yes Kilian I gone through that but when I am trying to modify customized tooltip css that not applying to my customized tooltip. Getting below error 



2020-09-15 13-07-23
Kilian Hekhuis
 
MVP

That message cannot be triggered by any change in CSS, it must be something different.

UserImage.jpg
Rajashri Bhadule

oh ok then I need to check that. Because I am continuously getting that error.


2023-10-21 19-42-11
Tousif Khan
Champion

Hello

I didn't do a lot of customization to a default OutSystems UI, because most of the time it causes the issue

So We can add a Custom CSS-only tooltip I have created one, to make it according to you , You have to do customization on the tooltip based on your requirements.
You can do that on a browser Developer tools via using inspect tool, and based upon changes copy the CSS and overwrite with the one I have added

Sample - https://personal-ejuytnht.outsystemscloud.com/SampleForumPOCS/CustomeTOoltip

Thanks
Tousif Khan

SampleForumPOCS_Tooltip.oml
UserImage.jpg
Rajashri Bhadule

Yes but it will override default tooltip I want both tooltips in my application default one and customized one.

2020-09-15 13-07-23
Kilian Hekhuis
 
MVP

You could enclose it in a container with a specific class, or add a specific class directly, and use CSS only for that class. That's the normal way to do styling for specific things.

2023-10-21 19-42-11
Tousif Khan
Champion

I guess it is not overriding it is a custom build tooltip, we are not doing anything with the OSUI tooltip,

2020-07-27 11-07-36
Diksha Magre

Hello Rajashri,

You can solve the issue by adding Custom Class in Tooltip.

https://dmagre.outsystemscloud.com/Popup/Tooltip?_ts=638161413079802407

I am sharing the Oml.

hope this will help you 


Thanks

Diksha Magre



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