SmartClient Version: SC_SNAPSHOT-2012-03-01_v8.2p/Pro Deployment (built 2012-03-01)
Firefox 10.0.2
I have a Listgrid with 1 check box and 1 text field, it is set up to autofit fields and it works fine
I have changed the css to add padding to the left of the cells with the following in the .cell, etc class
padding-left:4px;
It works fine for everything except checkboxes which are truncated on the right hand side
The left padding is correctly applied but the autofitting appears not to take it into account when sizing the width of the column
The code is (and was)
The header field for the checkbox has no text as it defaults to the field name in the .ds.xml which would be unsuitable and too wide, I have achieved this by using the following in the .ds.xml:
title=" "
For reference:
/*------------------------------------------------------------
listGrid.baseStyle
------------------------------------------------------------*/
.cell,
.cellDark,
.cellOver,
.cellOverDark,
.cellSelected,
.cellSelectedDark,
.cellSelectedOver,
.cellSelectedOverDark,
.cellDisabled,
.cellDisabledDark,
.tallCell,
.tallCellDark,
.tallCellOver,
.tallCellOverDark,
.tallCellSelected,
.tallCellSelectedDark,
.tallCellSelectedOver,
.tallCellSelectedOverDark,
.tallCellDisabled,
.tallCellDisabledDark,
.gridSummaryCell,
.gridSummaryCellDisabled,
.groupSummaryCell,
.groupSummaryCellDisabled,
.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 {
font-family:Arial,Verdana,sans-serif; font-size:12px; text-overflow:ellipsis;
color:black;
background-color:white;
border-top: 0px solid #808080;
border-bottom:1px solid #808080;
border-left:0px solid #808080;
border-right:1px solid #808080;
height: 18px;
padding-left:4px;
}
Firefox 10.0.2
I have a Listgrid with 1 check box and 1 text field, it is set up to autofit fields and it works fine
I have changed the css to add padding to the left of the cells with the following in the .cell, etc class
padding-left:4px;
It works fine for everything except checkboxes which are truncated on the right hand side
The left padding is correctly applied but the autofitting appears not to take it into account when sizing the width of the column
The code is (and was)
Code:
setAutoFitFieldWidths(true); setAutoFitWidthApproach(AutoFitWidthApproach.BOTH);
title=" "
For reference:
/*------------------------------------------------------------
listGrid.baseStyle
------------------------------------------------------------*/
.cell,
.cellDark,
.cellOver,
.cellOverDark,
.cellSelected,
.cellSelectedDark,
.cellSelectedOver,
.cellSelectedOverDark,
.cellDisabled,
.cellDisabledDark,
.tallCell,
.tallCellDark,
.tallCellOver,
.tallCellOverDark,
.tallCellSelected,
.tallCellSelectedDark,
.tallCellSelectedOver,
.tallCellSelectedOverDark,
.tallCellDisabled,
.tallCellDisabledDark,
.gridSummaryCell,
.gridSummaryCellDisabled,
.groupSummaryCell,
.groupSummaryCellDisabled,
.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 {
font-family:Arial,Verdana,sans-serif; font-size:12px; text-overflow:ellipsis;
color:black;
background-color:white;
border-top: 0px solid #808080;
border-bottom:1px solid #808080;
border-left:0px solid #808080;
border-right:1px solid #808080;
height: 18px;
padding-left:4px;
}
Comment