We are using..
a) SmartClient Version: SNAPSHOT_v10.1d_2015-08-16/Pro Deployment (built 2015-08-16)
b) Testing using IE 11.0.9600.17126
we are experiencing similar issues with the TreeGrid that you have addressed on the ListGrid
In the test sample, we added the following buttons:
a) "setFieldTitle and showFields"
This button populates the columns under the header span called "Bal To pieces" at runtime, you will see that the columns are not getting aligned with the Header Titles
Please see the attachment "setFieldTitle_and_showFields.png"
b) "showFields and setFieldTitle"
Then if you revert the sequence, all columns get aligned but the "Bal to pieces" is not being autofit.
Please see the attachment "showFields_and_setFieldsTitle.png"
c) "autoFitFields"
autoFitFields() on the tree grid solved the issue of the column data alignment in regards to the headers but it now created the issue of the Header span title being cut off.
Please see the attachment "autoFitFields.png"
We have used following styles for the tree grid.
a) SmartClient Version: SNAPSHOT_v10.1d_2015-08-16/Pro Deployment (built 2015-08-16)
b) Testing using IE 11.0.9600.17126
we are experiencing similar issues with the TreeGrid that you have addressed on the ListGrid
In the test sample, we added the following buttons:
a) "setFieldTitle and showFields"
This button populates the columns under the header span called "Bal To pieces" at runtime, you will see that the columns are not getting aligned with the Header Titles
Please see the attachment "setFieldTitle_and_showFields.png"
b) "showFields and setFieldTitle"
Then if you revert the sequence, all columns get aligned but the "Bal to pieces" is not being autofit.
Please see the attachment "showFields_and_setFieldsTitle.png"
c) "autoFitFields"
autoFitFields() on the tree grid solved the issue of the column data alignment in regards to the headers but it now created the issue of the Header span title being cut off.
Please see the attachment "autoFitFields.png"
We have used following styles for the tree grid.
Code:
.tallCell, .tallCellDark, .tallCellOver, .tallCellOverDark, .tallCellSelected, .tallCellSelectedDark, .tallCellSelectedOver, .tallCellSelectedOverDark, .tallCellDisabled, .tallCellDisabledDark, .gridSummaryCell, .gridSummaryCellDisabled, .recordSummaryCell, .recordSummaryCellDark, .recordSummaryCellOver, .recordSummaryCellOverDark, .recordSummaryCellSelected, .recordSummaryCellSelectedDark, .recordSummaryCellSelectedOver, .recordSummaryCellSelectedOverDark, .recordSummaryCellDisabled, .recordSummaryCellDisabledDark, .expansionCellCell, .expansionCellCellDark, .expansionCellCellOver, .expansionCellCellOverDark, .expansionCellCellSelected, .expansionCellCellSelectedDark, .expansionCellCellSelectedOver, .expansionCellCellSelectedOverDark, .expansionCellCellDisabled, .expansionCellCellDisabledDark, .specialCol, .specialColOver, .specialColSelected, .specialColSelectedOver, .specialColDisabled, .groupNode, .redCellColor, .orangeCellColor, .purpleCellColor, .yellowCellColor, .greenCellColor, .greyCellColor, .yellowOddCellBorderColor, .yellowEvenCellBorderColor { font-family:Arial,Verdana,sans-serif; font-size:14px ; text-overflow:ellipsis; padding-bottom: 3px ; padding-top: 3px ; padding-right: 5px ; padding-left: 5px ; border-bottom:1px solid #D0D0D0; border-right:1px solid #D0D0D0 ; } .cellSelected, .cellSelectedDark, .specialColSelected, .recordSummaryCellSelected, .tallCellSelected, .tallCellSelectedDark, .treeCellSelected, .treeCellSelectedDark, .treeTallCellSelected, .treeTallCellSelectedDark, .tallPickListCellSelected, .tallPickListCellSelectedDark .recordSummaryCellSelectedDark { font-family:Arial, Verdana, sans-serif; font-size:14px ; color: #2F4F4F; background: #C1D6F0; border-bottom: 1px dotted #9fb7e9; border-top: 1px dotted #9fb7e9; } .cellDark, .recordSummaryCell, .recordSummaryCellDark, .tallCellDark, .treeTallCellDark { font-family:Arial, Verdana, sans-serif; font-size:14px ; color: #2F4F4F; background-color: #EBF0F4; border-top:1px solid #EBF0F4; } /* ListGrid column header buttons */ .headerButton, .headerButtonSelected, .headerButtonDisabled, .headerButtonSelectedDisabled, .headerButtonOver, .headerButtonDown, .headerButtonSelectedOver, .headerButtonSelectedDown { font-family:Arial, Verdana, sans-serif; font-size:14px ; font-weight: bold; color: #2F4F4F; cursor: pointer; padding-left: 5px; padding-right: 5px; } .headerButtonDisabled { color:#3E3E3E; } .headerButtonSelectedDisabled { color:#3E3E3E; } /* ListGrid column header titles */ .headerTitle, .headerTitleOver, .headerTitleDown, .headerTitleSelected, .headerTitleSelectedOver, .headerTitleSelectedDown, .headerTitleDisabled, .headerTitleSelectedDisabled { font-family:Arial, Verdana, sans-serif; font-size:14px ; font-weight: bold; cursor: pointer; } .headerTitleDisabled, .headerTitleSelectedDisabled { color:#3E3E3E; } .myTreeCell, .myTreeCellDark, .myTreeCellOver, .myTreeCellOverDark, .myTreeCellSelected, .myTreeCellSelectedDark, .myTreeCellSelectedOver, .myTreeCellSelectedOverDark, .myTreeCellDisabled, .myTreeCellDisabledDark, .myTreeTallCell, .myTreeTallCellDark, .myTreeTallCellOver, .myTreeTallCellOverDark, .myTreeTallCellSelected, .myTreeTallCellSelectedDark, .myTreeTallCellSelectedOver, .myTreeTallCellSelectedOverDark, .myTreeTallCellDisabled, .myTreeTallCellDisabledDark { font-family: Arial,Verdana,sans-serif; font-size: 14px; text-overflow: ellipsis; padding-bottom: 3px; padding-top: 3px; padding-right: 5px; padding-left: 5px; border-bottom: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; border-top: 1px solid #D0D0D0; }
Comment