Using Granite condition to make the field read-only

[#1]

Hello All - I have a use-case to make the checkbox readonly in a dialog based on sling:resourceType using granite:RenderCondition. Can someone advise on this?

[test1234567]

You can hide a check box using a render condition and not make it read only. Render conditions are evaluated server side by Granite UI framework to show or hide a UI component. 

You can write a custom render condition to hide the checkbox based on the resource type. For more details see the following blog- http://www.nateyolles.com/blog/2016/07/aem-granite-custom-render-conditions 

[test1234567]

@kunal - I am able to show / hide the option based on the path. is there any way to make it read-only based on a path instead of hiding the section.

[kunal23]

Instead of using granite render condition you can write custom JS code to make the checkbox read only.

Example - var checkbox= $("[name='./hideInNav']").adaptTo("foundation-field"); checkbox.setDisabled(true);