How can I customize the styles, and templates for the popup window when I am adding/editing a new record into the grid.
Let me elaborate more, based on the online sample here: http://es.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.
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.
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://es.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 Angel.
Would like to confirm from your side if the feature being discussed in the thread had already been included in the 2013.1 release?
Thanks and more power to Infragistics. :D
Regards,
almond
Hi SIG,
After the fix, I still had issues with the custom popup, so I decided to use Kendo UI Web's Grid instead. It's much more manageable.
SP
sirplaya
I am trying to do a similar thing with a custom dialog. Can you post what you did as a sample?
Thank you for the clarification :)
Hi Lyubo,
Actually, I was just thanking you on the example you provided. I really didn't have a question other than I would have liked to see a few more fields in the example other than one input textbox. I created a custom row edit template based on your example and it came out great! So, now, I have a new method on custom templating thanks to you :)