How can I customize the styles, and templates for the popup window when I am adding/editing a new record into the grid.
Hi Bhadresh,
What I'm looking for is, to completely change the look of the popup editor template.
Instead of having one label and one textbox per row for each property of my model, like what you see in this example when you double click on a row http://ko.infragistics.com/products/jquery/sample/grid/row-edit-template# (please take a look at it)
I would like to display my fields in different tabs.
An example would be this. For .e.g, I have a grid that contains 40 columns, of which only 5 are displayed. When I'm in edit mode, I would like to be able to edit all 40 of them. Now I wouldn't want these 40 properties to be displayed in a table format, with 1 property per row, which is how your infragistics iggrid behaves by default when you double click on a row to edit.
I do not just want to modify the css. I would want to be able to design my own template.
Does the infragistics grid support custom templating for pop up editors?
Hello ,
You can find class associated with the element as well as associated CSS classes, using Internet Explorer Developer Toolbar or Firebug for rowedittemplate. Refer to our API document from the link below:
https://www.igniteui.com/help/api/2019.1/ui.iggridupdating
On the above link, click on the “THEMING” tab. You will find classes like .ui-dialog-title, ui-dialog-titlebar.
I hope this helps.
Let me elaborate more, based on the online sample here: http://ko.infragistics.com/products/jquery/sample/grid/row-edit-template
Instead of only changing the appearance of the td and tr tags like this:
<style type="text/css"> .tableBackGround { background-color: #FF7283; } .labelBackGround { background-color: #FFE96D; } </style> <script id="rowEditDialogRowTemplate1" type="text/x-jquery-tmpl"> <tr class="tableBackGround"> <td class="labelBackGround"> ${headerText} </td> <td data-key='${dataKey}'> <input /> </td> </tr> </script>Is it possible to change the template completely? Like say if I want to write my own template from scratch yet maintaining all other functionality.