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?
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
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!
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
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
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 '!'.
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
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
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
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!
Thank you!