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://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.
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.
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 :)