BoldSignEasily embed eSignatures in your .NET applications. Free sandbox with native SDK available.
When adding the first row, or editing with only one row (works fine if there are two or more rows) to a grid the validation is hidden under the footer requiring the user has to scroll to see the messages. This can be confusion, especially to a new user. What would be the best way to expand the grid to see the messages should they appear?
This is what the user sees:
They need to scroll to see the messages:
<div id="ControlRegion">
<ejs-grid id="Grid" dataBound="dataBound" toolbar="@(new List<string>() { "Add","Edit", "Update", "Cancel" })" allowPaging="true">
<e-grid-editSettings allowAdding="true" allowDeleting="true" allowEditing="true" mode="Normal"></e-grid-editSettings>
<e-grid-pagesettings pageCount="5"></e-grid-pagesettings>
<e-grid-columns>
<e-grid-column field="OrderID" headerText="Order ID" isPrimaryKey="true" validationRules="@(new { required=true})" textAlign="Right" width="120"></e-grid-column>
<e-grid-column field="CustomerID" headerText="Customer Name" validationRules="@(new { required=true})"></e-grid-column>
. . . .
</e-grid-columns>
</ejs-grid>
</div>
<script>
function dataBound() {
this.height = (this.dataSource.length <= 1) ? "80px" : "auto";
}
</script> |
|