Inserting a br in a tooltip

[tbettinazzi@axioma.it]

I need to “break” a tooltip in 2 or more lines using something like html <br>.

My code is generated and, where needed, I use a placeholder (#BR#) in the place where the line should be broken.

At runtime, with some js, I need to substitute the placeholder with the appropriate character sequence (is it <br> ?) but I don’t find the way to substitute it.

I can’t use id because my code is generated at runtime and I don’t now ids in advance.

How can I solve ?

Tks

 

[svetoslav_borislavov]

Hi,

How are you planning to replace the content when you are using runtime-generated ids?

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[tbettinazzi@axioma.it]

In other situation I used css classes but with smart-tooltip I wasn’t able to find a suitable class.

Tks

[tbettinazzi@axioma.it]

No suggestions ?

Tks

[svetoslav_borislavov]

Hi,

As far as I understood, you are trying to have an element for example paragraph.
There is another element with a class that acts as a placeholder and when needed you replace this element with a ‘br’ tag.

Here is a demo of doing what I explained: https://codepen.io/svetoslavb04/pen/NWBdJrp

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[tbettinazzi@axioma.it]

Elegant solution but it doesn’t fit completely in my environment.

I know if a tooltip should contain a break line if in the text I’ve a placeholder (#br#).

Then I need to change it in a<br/>.

In every tooltip where is present (I don’t know how many tooltip I’ve).

Tks

Tullio

 

[svetoslav_borislavov]

Hi,

This is a solution which replaces your placeholder with a br tag:
https://codepen.io/svetoslavb04/pen/NWBdJrp

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts