Make the field as read-only

[Kuroshi]

I have a cascading field that I want to set as read-only. I cannot choose the display only form element  as I want to set this specific field as cascading text field that will be based on the option that I will choose on the other field. Can you help me with this?

[Barbie]

Hi @Batchini,

This is possible using CSS custom coding. You can use the sample code below in the Header of your DataPage.
 

<style>
input[name*="cbParamVirtual4"]
{
pointer-events: none !important;
}
</style>

You need to change the cbParamVirtual4 based on the name of your field. 

I hope this works.

- Barbie

[RonAnderson]

On 8/15/2020 at 8:39 AM, Barbie said:

Hi @Batchini,

This is possible using CSS custom coding. You can use the sample code below in the Header of your DataPage.
 

<style>
input[name*="cbParamVirtual4"]
{
pointer-events: none !important;
}
</style>

You need to change the cbParamVirtual4 based on the name of your field. 

I hope this works.

- Barbie

 

[AlanMac]

@Barbie 4 years later, this is super useful, thanks!

[oliverk]

On 9/20/2022 at 12:35 PM, RonAnderson said:

 

I have found that it's good to use 'label' as well as 'input' in the coding. Otherwise it is possible to still click on a checkbox question, and it will check/uncheck the checkbox. (Even though you can't click on the checkbox itself).

e.g.

<style>

input,

label { pointer-events: none; }

</style>