"Initialize Tooltip within a container" breaks layout

Hi!

I'm trying to wrap my navbar with the <ejs-tooltip> tag because I need to show multiple Tooltips in the navbar.

The font in the navbar will decrease since styles from .e-control will be applied and override bootstrap's css. Is this by design or an error?

1 Reply

KT Karthick T Syncfusion Team July 2, 2018 10:45 AM UTC

Hi Paul, 

Thanks for your interest in Essential JS 2 Tooltip component. 

Yes, It is the behavior. We would like to let you know that, when the Bootstrap component is used inside the Essential JS 2 components, it will be override the Bootstrap theme. However, the Essential JS 2 component themes are compatible with Bootstrap theme when it is used separately.   

For your convenience, we have prepared a sample for Tooltip with multiple targets by wrapping the bootstrap navbar component. 


Please let us know if you need further assistance on this. 
 
Thanks, 
Karthick T 


Loader.
Up arrow icon