Drop Down Control Rendering with Custom JS

[Tyger Guzman 2]

When creating accordian menus , tabs or other HTML/CSS/JS elements in a HTMLText area the drop down menus and list boxes can become distored when the Spotfire Control goes from out of view (hidden) to in view.

What is the most effcient way to fix this issue

[Tyger Guzman 2]

Add the following JS to a change event occuring in the text are

 

$("*").find('.HtmlTextArea').each(function() {

Spotfire.HtmlTextArea.update(this.id)

console.log(this.id)

});This will udpate the HTMLText area's on the page so that they render correctly.

 

I'm using tabs so did the following :

$("#tab1").click(function () {

$("*").find('.HtmlTextArea').each(function() {

Spotfire.HtmlTextArea.update(this.id)

console.log(this.id)

});

 

});