Problems styling dGrid in IE

TracySchloss — Mon, 02 Dec 2013 16:09:40 GMT

I have a dGrid/OnDemandGrid that has a lot of columns. I'm having problems getting it to style correctly in IE 8, which is still our default browser. I have contents and scrollbars, but the contents extend a little over the bottom (left to right) scrollbar and cover up the side (top to bottom) scrollbar so that I can barely touch the bottom scrollbar and the side scroll is completely covered up. [ATTACH=CONFIG]29496[/ATTACH]

These grids are in titlePanes, stacked inside a floatingPane. It displays just fine in Firefox and Chrome, but those are not our default.

Here is how I have the styles defined.

.dgrid {     position: relative;     overflow: auto;     /* This is needed by IE to prevent crazy scrollbar flashing */     border: 1px solid #ddd;     height: 30em;     display: block;         color:black; }  .dgrid-grid {     height: auto;     width: auto;  } .dgrid-header {     font-weight: normal;     font-size:11px;     height: auto; }  .dgrid-content {     position: relative;     margin-top: 18px;     /*     height: 80%; */ }  .dgrid .dgrid-cell {     width: 50px; } .dgrid .dgrid-scroller {     max-height: 200px;     overflow: true;     position: relative; } .dgrid .field-OBJECTID, .field-Shape.len {     width: 0px; }

Re: Problems styling dGrid in IE

TracySchloss — Mon, 02 Dec 2013 18:41:27 GMT

I figured it out! I had been attempting to dynamically size the columns as they were created using addCssRule. IE didn't like this at all! Once I removed the related lines, it worked just fine. Of course now my column widths are all too small and I can't get the columnresizer to work properly. I guess that's another thread!

topic Re: Problems styling dGrid in IE in ArcGIS JavaScript Maps SDK Questions

Problems styling dGrid in IE

Re: Problems styling dGrid in IE