Virtual Field style edit

[ChrisCarlson]

Is it possible to make a virtual field border a different color than regular text fields? I looked through styles and could not find where I could apply a style to virtual fields only. 

[MayMusic]

You can add the code below to the header of the page:

<style>
#cbParamVirtual1{
border-style: solid;
border-width: 8px;
}
</style>

cbParamVirtual1 is ID of Virtual 1 so Virtual 2 would be cbParamVirtual2 ....

[ChrisCarlson]

I cant get it to work. It is on an virtual field set as cascading text

[ChrisCarlson]

I would like to make the border white, so it appears as display only but still functions as cascading text element. If I use rules set to display only it will not dynamically refresh cascading text.

[MayMusic]

I guess then it is better to hide this field using HTML Tags and then get the value to show in HTML Block instead using JS

[ChrisCarlson]

But then the cascading text element would not refresh if user updates on the same form.

[MayMusic]

After your cascading you can have the code below in a HTML Block

 

<div id="mm"></div>
<script>
document.getElementsByName('cbParamVirtual1')[0].onchange= function (){
var s = document.getElementsByName('cbParamVirtual1')[0].value;
document.getElementById("mm").innerHTML= s;
}
</script>

 

[ChrisCarlson]

Ooooohhhh nice... thanks it works!

[ChrisCarlson]

One more question, how do I use that script in multiple areas of the datapage for different virtual fields? It is only working on the first instance

[MayMusic]

Do you want to show one value at a time or all values? If all then you need to repeat the code for each virtual field. You can add one HTML Block for each and use the code, for each code replace cbParamVirtual1 and also mm

[ChrisCarlson]

Thanks that worked!

[MayMusic]

You are welcome