Using Granite condition to make the field read-only

Question

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?

Anudeep_Garnepudi · Accepted Answer

@test1234567

As @kunal_gaba_ said granite:renderCondition is server side implementation. Only if the condition satisfies the field will be rendered on to the dialog. The name renderCondition say it all, based on condition field will be rendered. Use below listener to disable the checkbox.

(function ($, $document, Ga) {

    $document.on("dialog-ready", function() {
		let checkbox = $("coral-checkbox[name='./checkbox']");
        if (window.location.pathname.indexOf("/content/test/") >= 0) { //your condition
			checkbox[0].disabled = true;
        }
    });

})(jQuery, jQuery(document), Granite.author);

- AG

Kunal_Gaba_ · Answer

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

Sign up

Login with SSO

Login to the community

Login with SSO