Is there any work-around for the render problem in how the Tabs display in Google Chrome? Under IE and Firefox the tabs render correctly but in Chrome a rectangular 'Chip' of background just under the tabs text bleeds through the tab background. All the IG web samples exhibit this same behavior when run under Chrome.
Examples:
IE:
Chrome:
Hi Reinhart,
Thank you for report.That issue was already reported and fixed. Since it is not part of dll, but css attributes, you may fix that by editing ig_webtab.css file which is probably located at ~/ig_res/Default/ig_webtab.css.Note: if you use specific Xxxx styleset, then location will be /ig_res/Xxxx/ig_webtab.css and class names will be .igtab_XxxxName.
You need following changes:
1. Add "height:100%".igtab_THTail{ ...current attributes height:100%;}
2. Add "no-repeat".igtab_THTailHov{ background: transparent url(./images/igtab_THRightHov.gif) no-repeat; background-position: top right;}
3. Remove "background-color".igtab_THTabHov{ background-position: 0px -50px; background-color: #ff9e33;}
Thanks Victor for pointing us in the right direction.
The fix almost worked but it moved the chip, when viewed in Chrome, to the middle of the Tab instead of to the right bottom. We found that if the point size of the font was 8pt the chip appeared. By increasing it to 9pt or higher the render problem went away. Quite a challenge getting IG webdatagrid controls to work visually with both Chrome, FF and IE.
Mark this issue as resolved.
Cheers,