Kendo UI jquery Form - every component size

[Eric]

Hi,

Does anyone know how to customize the size of every components in Kendo Form using JQuery at the beginning of form component initialization stage?

Thanks.

 

Eric

 

[Petar]

Hi Eric,

You can pre-define the widths of the different elements in the Form component using its items.attributes configuration. 

Here is a Dojo example demonstrating how the attributes configuration can be used. You will see that the first two widgets in the Form have a width of 100 pixels. This configuration is achieved using the code in yellow.

            items: [
              {
                field: "TextBox",
                label: "TextBox:",
                validation: { required: true },
                attributes: { style: "width: 100px"}
              },
              {
                field: "NumericTextBox",
                editor: "NumericTextBox",
                label: "NumericTextBox:",
                validation: { required: true },                      	
                attributes: { style: "width: 100px"}
              },
................................

Check the linked Dojo example and let me know if it helps you implement what you need in your application. 

Regards,
Petar
Progress Telerik

[Eric]

Thanks for your help.

[Petar]

Hi Eric,

You are welcome! I will close the thread. If you need furhter assistance, you can reopen it and continue the communication.

Regards,
Petar
Progress Telerik