<input type="text" readonly> Not supported? about jsonform

[mkirsten]

Not sure, but couldn't you just use labels with that text? E.g., with https://github.com/joshfire/jsonform/wiki#the-tpldata-property

[steowens]

What I ended up doing is setting the htmlClass and for setting things that are not controlled by the CSS I do something like this:

$('form').jsonForm(jsonaryEnvelope);
$('.readOnly input').prop("readonly", true);
$('.longTextInput .controls input').prop("size", 90);

But it is a bit of a hack since there does not seem to be a great deal of consistency in the tag tree beneath the div tag to which the htmlClass gets applied. As you can see above the input may be a direct child. OR it might be a child of a <div class="conrols"> which is a child of the div to which the htmlClass gets applied.

It would be far more elegant if we could instruct JSON form to update these properties since it is what is actually cognizant of the structure of the forms that it creates.

[tidoust]

Hi @StephenOwens-dcat ,

JSON Form now supports the readonly property (see #32). Setting this flag in the description of the field sets the readonly attribute of the input field and adds a jsonform-readonly class to the field's container <div> so that you may enhance styles if you so wish.

Hope this addresses your use case. Reopen the issue if not.