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

Custom validation display

1 Answer 22 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Simon
Top achievements
Rank 1
Simon asked on 11 Aug 2015, 12:54 PM

I have a grid with popup edit, and some custom validation for one of the fields.

The validation message displays correctly, but is constrained by the borders of the popup and requires scrolling. This doesn't look very good - is there a way I can get the message to display on top, outside the popup boundary (the way a tool tip does)?

Another issue is that the 'exclamation' icon at the beginning of the message has the bottom cut off.

The following snippet illustrates the problem. Just edit a row, change the freight value to 1, and click on Update

http://dojo.telerik.com/agEKI

 

1 Answer, 1 is accepted

Sort by
0
Alexander Popov
Telerik team
answered on 13 Aug 2015, 07:17 AM
Hi Simon,

The recommended approach is to explicitly specify where the Tooltip should be shown, as described in the documentation. In this case, you could use the custom editor to append the span element, as shown in this example. Alternatively, you could use CSS to set the Tooltip's position to fixed and manually adjust the height of the container holding the icon (see example).

Regards,
Alexander Popov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Simon
Top achievements
Rank 1
Answers by
Alexander Popov
Telerik team
Share this question
or