Client Side Validation and Validation Status

[speddi]

hi,I am total newbie to Coolite and ExtJs.


I am trying to create a form with a bunch of textfields,date picker and dropdownlists. When the user hits the submit button, I want to be able to show the icon-exclamation next to all the required fields and if possible show a validation summary. It is similar to the FormPanel validation example but I dont want the popup. How can I show a validation summary?


Can someone help me with this?


Thank you,

[geoffrey.mcgill]

Hi speddi,

You can set the .MsgTarget property of the Field to "Side".


Example

<ext:TextField runat="server" FieldLabel="Name" AllowBlank="false" MsgTarget="Side" />

Hope this helps.

[geoffrey.mcgill]

The following example demonstrates the use of the MsgTarget property.

https://examples1.ext.net/#/Form/Mis...dit_Form_View/

[speddi]

Thank you, I am able to get that working.

How do I position the controls with CSS from a file?

I am looking for a master page design which has a minimum width and has margins to the right and left and grow vertically as needed with a minimum height

What is the best approach?

Thank you.

[geoffrey.mcgill]

You could try the following combination...

Viewport > CenterLayout > Panel (set .Width as desired).


Hope this helps.

[speddi]

Thank you, will try that.

[Shubhangi]

I want to validate the text field in that i want only text
i don't want to allow to user to enter number in text field
Ex:Name field

[Shubhangi]

Hi speddi,

You can set the .MsgTarget property of the Field to "Side".


Example

<ext:TextField runat="server" FieldLabel="Name" AllowBlank="false" MsgTarget="Side" />

Hope this helps.

Thank you for reply

[Shubhangi]

Hi speddi,

You can set the .MsgTarget property of the Field to "Side".


Example

<ext:TextField runat="server" FieldLabel="Name" AllowBlank="false" MsgTarget="Side" />

Hope this helps.

ya it will work thanks