RadioItem text not diplaying correctly for IE

[satya_paul]

Smarclient Version: v10.0p_2015-04-01/Enterprise Development Only

Bowser: IE11

After upgrading to 10.0, text for each Radio item is displaying in multiple lines instead of single. It doesn't look good from the UI perspective. This issue is there in IE browser only.

Screen shot of the issue as well as the expected result have been attached.

I have reproduce the issue using smartclient sdk and found that it's related to smartclient upgrade. Below is the code I for I used

isc.DynamicForm.create({
    width: 300,
    fields: [
         {
                        name: "invalidCharOptions",
                        ID:"invalidCharOptions",
                        showTitle:false,
                        type: "radioGroup",
                        colSpan: "4",
                       defaultValue:"None",
                        required: true,
                        vertical: true,
                       showLabel: false,
                        valueMap:{
                            "None":"None",
                            "SubstituteCharacters" : "Substitute characters individually",
                            "SubstituteSequence" : "Replace characters then omit consecutive replacements",
                            "Remove" : "Remove characters",
                            "RemoveSpecial" : "Remove all characters except alphanumeric dash and period"
                        },

                             redrawOnChange:true
                    },
        
    ]
});

[Isomorphic]

colSpan should be specified as a Number - get rid of the "" which makes it a String.

If you expect a display like your first screenshot, you will also need a wider width for the form as a whole.

[satya_paul]

We have changed the width of the form to 100%. Also, We also tried to change the colSpan as suggested but it didn't worked. Same code is working fine in mozilla firefox but not working for IE.

[Isomorphic]

It looks like you are hitting a newly-discovered bug in IE's table layout algorithm, possibly introduced in IE11. We are looking for a workaround.

In the meantime, if you use numCols:1, colWidths:["*"] on the DynamicForm (making a one-column form, so the colSpan setting unnecessary), this avoids the native issue with incorrect text wrapping.

[Isomorphic]

We've made a change to our HTML which should avoid this problem going forward in 10.0
(The issue was actually already resolved in 10.1)
Please try the next nightly build, dated June 17 or above

Regards
Isomorphic Software

[satya_paul]

Thanks for the update. It would be difficult for us again to upgrade to this new build.
Can you please let us know what are the files which have been changed for this issue so that we can directly replace them in our product?

[Isomorphic]

A partial update like what you're suggesting won't really work.
Instead the best workaround for older builds is what we already suggested:

In the meantime, if you use numCols:1, colWidths:["*"] on the DynamicForm (making a one-column form, so the colSpan setting unnecessary), this avoids the native issue with incorrect text wrapping.

Regards
Isomorphic Software

[satya_paul]

RadioItem text not diplaying correctly for IE

Many thanks, Upgrade to new build i.e. SmartClient_v100p_2015-06-17_Enterprise has resolved this issue

Regards,
Harish