Is it possible to change the row selector to a simple mark box I am using the igGrid for Microsoft Dynamics CRM. We will be loading the grid into an iframe within the CRM and I am trying to match the styling as closely as possible to that if Dynamics. The metro theme comes very close to the colors. I have used your Winform apps for years and they have built in styling to match MS Office and Share3Point it would be great if you had something like this for Ignite UI since so many of these desktop apps are moving into the web apps realm.
Hello John Horan,
Thank you for posting in our forums!
You can display checkboxes with the RowSelectors by setting the enableCheckBoxes option to true. If the row selector's arrow icon is not desirable, you can use some CSS to hide the icon. The arrow icon is rendered with the "ui-icon-triangle-1-e" class. You can also set the width of the rowSelectorColumn with the rowSelectorColumnWidth option.
Please see this jsFiddle I have put together to demonstrate how a CRM similar style can be achieved with my recommendations.
If you need any further assistance with this, please let me know.
Would it be possible to override the display of the arrow and change it to a check mark without a box around it.
Hi John Horan,
Yes, you can change the CSS for the arrow to any image you want for the background-image. You would also want to set enableCheckBoxes to false in this scenario.
You can see an example where I use our checkbox image in my modified jsFiddle.
If you have any further questions or concerns with this, please let me know and I will be glad to help.