Hi,
I’ve come across some odd behaviour when including Bootstrap content into a HTMLPanel.
In the attached project, when I load HTML text into the HTMLPanel without any Bootstrap included, everything works just fine. If I then clear the HTMLPanel text and then load the panel with Bootstrap content, the treeview nodes and text in the buttons appear to reposition when hovering the mouse over each item and the HTML panel won’t display all the text until the screen is physically resized. If I then clear the text from the panel, all the tree nodes and button text reposition back to their original place.
Not a showstopper but if you have any tips on getting around this that would be great!
Thank you
Bootstrap applies the line-height to the body tag. When using an HtmlPanel the html is in the same document and if the css changes element types it can override any wisej or application style. When the css is applied to the HtmlPanel through wisej, all the rules are encapsulated and isolated to work only on the elements in the panel.
In this case the Bootstrap css changes the line-height of the body. If you change your Default.html like below it should work:
<body style=”line-height:1.2″>
Please login first to submit.