Changes made using the Development tool are lost after saving and re-opening the document.

[K Rojas]

Hello,

 

I am using Spotfire's Development tools to access and change the HTML/CSS of text areas to style property controls. The changes I make are lost afte saving and re-opening the document. Any idea how I can change that behavior Thank you.

[Tyger Guzman 2]

The developer tool works the same as the developer tool in Chrome/Firefox/IE. Changes made are only seen for helping developers test, none of changes are implimented in the source code permantly.

If you'd like to update sections of HTML code you would need to insert a Text Area and add JS to make those changes.

Here is an example :

http://spotfireplanet.com/style-cross-table-and-data-table-with-javascript/

https://datashoptalk.com/javascript-spotfire-basics/

What type of changes are you hoping to make

[Tyger Guzman 2]

To change CSS styling on Property control you'll want to wrap your property controls in a with an id then add JS to append CSS styling :

You can do some inline styling in the div itself :

 

and also add JS :

$("body").append("

#selt4 {float: right;margin: 0 0px 10px 0;width: 48%;}

#selt4 * { line-height: 100px;}

")

[K Rojas]

Thanks so much. I have property controls I'd like to style better; specifically, the dropdown's height. But I imagine with this, I will be able to do much more. Thanks again.