This is a migrated thread and some comments may be shown as answers.

Checkbox on IE8,9 and 10

4 Answers 81 Views
Validation
This is a migrated thread and some comments may be shown as answers.
Beat
Top achievements
Rank 1
Beat asked on 15 May 2013, 02:46 PM
Hello,

We are having some issues with checkbox on IE. (working correctly on Chrome and FF)

When we use IE, it always says that the "checkbox" is mandatory, as soon as we check/uncheck it.

Here is the code :
$("#grid2").kendoGrid({
                         dataSource: {
                            error: errorHandler,
                            transport: {
                           ...
                                parameterMap: function(options, type) {
                                        return JSON.stringify(options);
                                }
                            },
                            schema: {
                                data: "data",
                                total: "total",
                                model: {
                                    id: "id",
                                    fields: {
                                        initials: {     type: "string",
                                                        validation :{
                                                            required: true,
                                                            pattern : "\\w{0,5}",
                                                            "data-pattern-msg": "Maximum 5 chars"
                                                        }
                                                    }, active: {type: "boolean", defaultValue: true},
....
                        columns: [ {
                                field: "initials",
                                title: "${user_list_initials}",
                                width: "10%"
                            },  {
                                field: "active",
                                title: "${user_list_active}",
                                width: "10%",
                                template: "<input type='checkbox'#= active ? 'checked=checked' : '' # disabled='disabled' /> "
                            }, 




This happens with the JSP Wrapper, or when using javascript aswell.

Any hints why it does that ?

The only difference compared to one demo I've seen is that I override the template to display it as a read-only checkbox.

Thank you in advance

4 Answers, 1 is accepted

Sort by
0
Rosen
Telerik team
answered on 16 May 2013, 06:19 AM
Hello Beat,

I'm afraid that I'm unable to observe such behavior using the provided information. Please take a look at this short video which captures the behavior of this simple test page. Could you please modify the test page as the issue to appear.

Greetings,
Rosen
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Beat
Top achievements
Rank 1
answered on 17 May 2013, 08:41 AM
Hello Rosen,

So I checked further, and I found what the issue is : IE8 (because my page was with "Document Mode : IE8 standards" in the developer tools.

But according to your website, IE8 should be supported: therefore you can have a non-working demo here :
http://jsbin.com/ogozax/4/edit

I copied the source code from the page : 
http://demos.kendoui.com/web/grid/editing-popup.html

First error, no text is written in column header, neither in button. Anyway, locally it works.

Setup your IE to use :
- Browser mode : IE8
- Document mode : IE8 standards,

If you click on the first button, (which is the edit button) and you check/uncheck the checkbox, you can see that the error message appears (without the text)

See attached screenshot for details on where to click

1 - Edit button
2 - checkbox
3 - Where the error message appears


Kind regards,
0
Beat
Top achievements
Rank 1
answered on 17 May 2013, 09:52 AM
Hello,

After a new test, apparently this happens only when using the compatibility mode. When running on an actual IE8 it seems to work :)

Kind regards,
0
Rosen
Telerik team
answered on 17 May 2013, 10:44 AM
Hello Beat,

You may known that we do not officially support IE browser "emulated" modes but only the actual IE browsers. This is due to the fact that browser modes does  not always behave the same as the actual browser. 

Regarding the issues you have described. It seems that the buttons are only displayed in the described manner in the jsbin (but no when the page is viewed separately), thus this seems to be issue with the jsbin itself. The checkbox behavior seems to be resolved when the latest Q1 2013 SP1 version of KendoUI is referenced. Therefore, you may consider upgrading to this version.

Greetings,
Rosen
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Validation
Asked by
Beat
Top achievements
Rank 1
Answers by
Rosen
Telerik team
Beat
Top achievements
Rank 1
Share this question
or