When I add the "GridRowSelectors" feature with the "EnableCheckBoxes" property set to true, I get little triangles in each of my checkbox cells which don't do anything other than make my column height twice it's normal size. Nothing happens if you click the triangles.
Not sure if these render because my datasource is not "flat", but I don't want them regardless. How do I tell the grid not to render these little triangles?
Hi Josh,Well, the triangle is a standard part of the RowSelectors feature - just take a look at our other controls' samples on it:http://samples.infragistics.com/aspnet/Samples/WebDataGrid/EditingAndSelection/RowSelectors/Default.aspx?cn=data-grid&sid=b4f1a865-47eb-4359-82d1-1bc5ac2a249e http://samples.infragistics.com/sllob/grid/sl/#/row-selectors-and-numbering I'm surprised that these tiny triangles are giving you a headache ... can you please give us a simple HTML page where the problem is reproducible?What I recommend off the bat is to hide those triangles. For example if you are on http://samples.infragistics.com/jquery/grid/row-selectors-with-checkboxes you can execute the following jQuery script:
$("#grid1 span.ui-icon.ui-icon-triangle-1-e").hide()
In a regular scenario, you should execute this script in the igGrid's dataRendered event handler.Cheers!Borislav
Thanks Borislav. The issue is that the triangles are shown on every row, not only the selected ones. More importantly, they cause the checkbox to appear on a "new line", because they're too wide together to fit in a cell. This causes my rows to be twice as tall as they need to be.
Check it out:
.
I could hide them with css or js on load, but it would be great if they were just hidden to begin with, and didn't cause the checkbox to "move down".
;)That's why I apply logic and quadruple checking of my project's resource - you never know which one might be acting up.It's a common misconfig so no worries - I had to make sure you hadn't ran into a development issue.All the best,Borislav
It turns out my issue was strictly a css one. When we upgraded to 12.1, I replaced the dlls and js files, but forgot to replace the css files (doh!). Now that I've replaced the old grid css file with the new one, my grid shows the triangles only on selection, and floats them left so they don't cause a "newline" on the checkboxes. Looks great!
Thanks for your help Borislav and sorry for wasting your time on this one!
If I'm not mistaken, you've set custom width to the row selectors' column (the rowSelectorColumnWidth option's default value is 60 pixels when checkboxes are enabled).The default value of that option is sufficient to accomodate the triangle and the checkbox.I'm afraid that we don't provide any option for hiding the triangles and they are always rendered (they're in a 16x16 span) so if you don't want them, you will need to hide them via CSS :/.