Unplanned
Last Updated: 02 Jun 2025 13:15 by ADMIN
Dale
Created on: 20 Jul 2023 19:30
Category: Form
Type: Feature Request
14
TelerikForm: Expose ReadOnly="true" in FormItem

Recently a readonly attribute has been added to a number of input fields. This was a great addition. Thank you!

Would it be possible to add this attribute to Telerik Form?

Example:

<FormItem Enabled="false" ReadOnly="true"/>

7 comments
ADMIN
Dimo
Posted on: 02 Jun 2025 13:15

Hi Derrick,

Yes, your thoughts make complete sense. We are waiting for the feature request to gain enough popularity to prioritize it and schedule for implementation.

Regards,
Dimo
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Derrick
Posted on: 28 May 2025 15:17

I know this is kind of old, but I've come across a situation where having a "ReadOnly" attribute would be nice.

The problem with using a "Template" is that once you go down that path you lose a lot of the other parts which make the FormItem easy to use. For example, you have to now create your own Label, Hint, and Validation controls to match those of the other FormItems.

It's not super hard, but you go from this:

<FormItem LabelText="Mobile Phone"
                     Field="@(nameof(UserProfileDto.MobileNumber))"
                     Hint="You will received texts at this number." />

To this:

<FormItem LabelText="Email Address"
          Field="@(nameof(UserProfileDto.Email))"
          Hint="This value cannot be changed.">
    <Template>
        <label class="k-form-label">Email Address</label>
        <TelerikTextBox @bind-Value="UserProfile.Email"
                        ReadOnly="true" />
        <div class="k-form-hint">This value cannot be changed.</div>
    </Template>
</FormItem>

 

 

 

 

ADMIN
Dimo
Posted on: 07 Oct 2024 05:45

Hello Rama,

Currently you can use a FormItem Template with a ReadOnly component inside.

Regards,
Dimo
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Rama
Posted on: 04 Oct 2024 21:40

Hi Dimo,

Yes, if we enabled="false", the appearance is getting changed. everthing is grayed out including lables and textboxes and text inside the textboxes. 

If we set readonly, the appearance will look same except user cannot enter any data.

I have the same issue, but no idea how to implement this.

ADMIN
Dimo
Posted on: 26 Jul 2023 14:24

Thanks, Dale!

 

Dale
Posted on: 26 Jul 2023 14:09

Hi Dimo,

The problem is by just setting Enabled="false" users are not able to select the input box to continue copying data out of the field. ReadOnly was made available on all input boxes so we can continue to select and copy data from the field. It is possible to set up a template for each form item but that is a lot of extra work to do to make sure all fields are ReadOnly.

It is actually extremely rare I would ever want to have a disabled input that users cannot select and copy.

ADMIN
Dimo
Posted on: 26 Jul 2023 08:57

Hi Dale,

We have confirmed this as a valid feature request. However, can you explain why is Enabled="false" not suitable for your use case? Is it something related to the behavior, or appearance, or something else?

This will help us understand your problems and needs better.

Regards,
Dimo
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!