Javascript Bootstrap not working

ptrwlr · May 5, 2020, 1:26pm

Hi,

i want a tooltip on a button in the generic javascript view.

The tooltip is always show at the bottom position and the css styles doesn’t work.

Can anyone tell me why?

$(function() {
$(document).ready(function(){
$(’[data-toggle=“tooltip”]’).tooltip();
});
});

/* Tooltip */
.tooltip > .tooltip-inner {
background-color: #73AD21;
color: #FFFFFF;
border: 1px solid green;
padding: 15px;
font-size: 20px;
}

/* Tooltip on bottom */
.tooltip.bottom > .tooltip-arrow {
border-bottom: 5px solid blue;
}

blaney · May 5, 2020, 1:44pm

Thanks for your post. Any chance you could share your workflow so I can have a look?

Cheers,
Ben

ptrwlr · May 5, 2020, 1:46pm

i will post a little example workflow.

ptrwlr · May 5, 2020, 1:53pm

here is the workflow.js_example.zip (6.8 KB)

blaney · May 5, 2020, 2:50pm

Thanks for sharing!

@DanielBog found a solution that works for me as well:

.ui-tooltip {
background-color: #7C89A1;
color: #FFFFFF;
border: 1px solid green;
padding: 15px;
font-size: 40px;
}

Let me know if this change solves your problem!

Best,
Ben

ptrwlr · May 5, 2020, 3:03pm

can you send me the workflow?
It’s not working in my workflow.

Thx

blaney · May 5, 2020, 3:37pm

Here you go!

ptrwlr · May 5, 2020, 3:53pm

thx!

Can you also help me here?

ptrwlr · May 5, 2020, 4:01pm

system · November 4, 2020, 4:05am

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.