This is a migrated thread and some comments may be shown as answers.

Question about validation in grid

7 Answers 36 Views
Grid
This is a migrated thread and some comments may be shown as answers.
tonfy
Top achievements
Rank 1
tonfy asked on 21 Mar 2014, 04:00 AM
Normal when the field in 'grid' control validate failed, the input will show tooltip.
But I want more than that.
Display a ‘×’ or ‘!’ icon in input when validate failed.
I do not know how to achieve this function, can somebody help me?

7 Answers, 1 is accepted

Sort by
0
tonfy
Top achievements
Rank 1
answered on 24 Mar 2014, 01:15 AM
[quote]tonfy said:Normal when the field in 'grid' control validate failed, the input will show tooltip.
But I want more than that.
Display a ‘×’ or ‘!’ icon in input when validate failed.
I do not know how to achieve this function, can somebody help me?[/quote]
Who can answer my question? Thank you!
0
tonfy
Top achievements
Rank 1
answered on 24 Mar 2014, 01:21 AM
It means that we can customize the validation style, Not just show a "tooltip". Can we?
0
Alexander Popov
Telerik team
answered on 24 Mar 2014, 12:41 PM
Hello Tonfy,

Although not supported out of the box, this behavior could be achieved using a custom solution. For example you could override the CSS properties of the default validation message so it does not show the exclamation mark icon, then use custom rules and messages that display other icons instead. Here is a small example that illustrates how this could be accomplished.

Regards,
Alexander Popov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
tonfy
Top achievements
Rank 1
answered on 25 Mar 2014, 02:29 AM
Hi Alexander,
Thank you for your answer.
You are so nice.
Maybe I don't describe my thinking clearly.
Pls see the 'pic.jpg'.
How can I control the the 'css' of the '<input  />' ?
And when validate failed, show the '!',.
when validate success, not show the '!'.
 

0
tonfy
Top achievements
Rank 1
answered on 25 Mar 2014, 02:45 AM
Hi Alexander,
I have a new question about 'Right click'.
I hope that you can help me.
Thank you for your help very much.
Pls see:
http://www.telerik.com/forums/right-click-on-the-grid-can't-select-a-row
0
Accepted
Alexander Popov
Telerik team
answered on 26 Mar 2014, 03:05 PM
Hi Tonfy,

In case the validation fails you could add classes to the respective HTML element so their appearance changes accordingly. If the validation passes - remove the classes in case they were previously applied. Here is an updated example showing how this could be implemented.

Regarding your second question - please reply in the other forum thread, so each thread relates to one topic only.

Regards,
Alexander Popov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
tonfy
Top achievements
Rank 1
answered on 27 Mar 2014, 02:50 AM
Hi Alexander,
Thank you!
Tags
Grid
Asked by
tonfy
Top achievements
Rank 1
Answers by
tonfy
Top achievements
Rank 1
Alexander Popov
Telerik team
Share this question
or