Select-Formitem with multipleAppearance grid has larger font-size

[SimonF]

Hi there,
Using a FormItem with type select and the grid appearance we are facing some inconsistency with the font-size.

In the images below you can see that the values in the second FormItem is shown larger than in the first and third. This is reproducable at least in Firefox, Chrome and IE11 and the latest build SmartClient_v101p_2016-05-14_Pro.

Firefox:

Chrome:

IE11:


I think the font-size should be the same on all formitems.

This is the code for repdroduction.

isc.DynamicForm.create({
    "ID" : "selectItemWithGridAppearanceExampleForm",
    "hideUsingDisplayNone" : false,
    "colWidths" : [100, 200],
    "fields" :
    [{
            "ID" : "test1",
            "name" : "test1",
            "title" : "Text",
            "type" : "text"
        }, {
            "ID" : "selectItemWithGridAppearance",
            "name" : "selectItemWithGridAppearance",
            "title" : "SelectItem with grid appearance",
            "type" : "select",
            "multiple" : true,
            "multipleAppearance" : "grid",
            "valueMap" : {
                1 : "1",
                2 : "2",
                3 : "42",
                4 : "1337",
                5 : "9001"
            }
        }, {
            "ID" : "normalSelectItemForComparison",
            "name" : "normalSelectItemForComparison",
            "title" : "Standard SelectItem for comparison",
            "type" : "select",
            "multiple" : true,
            "valueMap" : {
                1 : "1",
                2 : "2",
                3 : "42",
                4 : "1337",
                5 : "9001"
            }
        }
    ],
    "values" : {
        "test1" : "this is the size of normal text",
        "selectItemWithGridAppearance" : [1, 2],
        "normalSelectItemForComparison" : [1, 2]
    }
});

Best Regards

[claudiobosticco]

actually I see a similar inconsistency in the ListGrid.filterEditor FormItems, ie http://www.smartclient.com/#adaptiveFilterFS


font-size is 13px in the filter, but 12px in the grid cell (with 'compact' setting).

[claudiobosticco]

but actually I see that the text in FormItems is 1px larger than the text in FormItem titles and in grid cells, buttons, etc. Also, the font-size in grid cells grows 1px when I enter editing.

[Isomorphic]

We agree that the "grid" mode of SelectItem should match the font size used elsewhere, we'll check on that.

However we consistently use a slightly larger font wherever the user is typing something in vs read-only display. The HCI requirements are different here - the larger font makes it easier to see and place the insertion cursor and various other activities that do not apply to data that you are simply reading.

[claudiobosticco]

Thanks for the clarification.
Actually the only situation where I'm not sure the effect is nice, it's in a form where I have some items with canEdit:false, and some of them are readOnlyDisplay:"static" (never editable), and others are readOnlyDisplay:"disabled" (sometimes editable), like this:

[claudiobosticco]

This if the font-sizes were the same for all items:

[SimonF]

Isomorphic is there any progress on the initial reported difference of the fontsizes in the multiselectitems?

[Isomorphic]

We've made a change to address this issue. Please try the next nightly build, dated May 24.

Regards
Isomorphic Software

[SimonF]

Thanks, confirming that it's the same font-size with builds after May 24