Quantcast
Channel: SmartClient Forums
Viewing all articles
Browse latest Browse all 4756

pickList scrollBar while using pickListMaxWidth

$
0
0
Setup used:
v9.1p_2014-09-30/Pro Deployment,
Checked on windows7 with chrome browser

Steps to reproduce the scenario:
1 - open the 'formatRelatedValue' example shown here http://www.smartclient.com/docs/10.0/a/system/reference/SmartClient_Explorer.html#formatRelatedValue
2 - modify the bottom comboBox to contain the following:

pickListFields:[
{name:"Name----------------------------------"},
{name:"Email----------------------------------"}
],
width:250, pickListWidth:250, pickListMaxWidth:250,
pickListProperties: {autoFitFieldWidths: true, autoFitWidthApproach:"both"},



The final code looks like this:
isc.DynamicForm.create({
items : [
{ name:"employeeName", title:"Employee",
optionDataSource:"employees",
valueField:"EmployeeId", displayField:"Name",
pickListFields:[
{name:"Name"},
{name:"Email"}
],
width:250, pickListWidth:350,
formatValue : function (value, record, form, item) {
var selectedRecord = item.getSelectedRecord();
if (selectedRecord != null) {
return selectedRecord.Name + " (" + selectedRecord.Email + ")";
} else {
return value;
}
}
},
{ name:"otherEmployeeName", title:"Employee", type: "comboBox",
optionDataSource:"employees",
valueField:"EmployeeId", displayField:"Name",
pickListFields:[
{name:"Name----------------------------------"},
{name:"Email----------------------------------"}
],
width:250, pickListWidth:250, pickListMaxWidth:250,
pickListProperties: {autoFitFieldWidths: true, autoFitWidthApproach:"both"},
formatOnBlur: true,
formatValue : function (value, record, form, item) {
var selectedRecord = item.getSelectedRecord();
if (selectedRecord != null) {
return selectedRecord.Name + " (" + selectedRecord.Email + ")";
} else {
return value;
}
}
}
]
});

3 - click 'Try It', and click on the picker of the bottom comboBox, to open the pickList.
It appears that on the first time that the pickList is opened, the vertical scrollbar does not align with the header (looks like the scrollbar is shifted to the left.)
From what i see, this only seems to happen when the pickListMaxWidth is exceeded after using autoFitFieldWidths, such that both scrollbars appear (vertical and horizontal).

I have already tried using 'leaveScrollbarGap'.
Perhaps there is some other parameter which would align the vertical scrollbar?

Thanks.

Viewing all articles
Browse latest Browse all 4756

Trending Articles