Checkbox on IE8,9 and 10

5 posts, 0 answers
  1. Beat
    Beat avatar
    1 posts
    Member since:
    Jul 2010

    Posted 15 May 2013 Link to this post

    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
  2. Rosen
    Admin
    Rosen avatar
    3234 posts

    Posted 16 May 2013 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
  4. Beat
    Beat avatar
    1 posts
    Member since:
    Jul 2010

    Posted 17 May 2013 Link to this post

    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,
  5. Beat
    Beat avatar
    1 posts
    Member since:
    Jul 2010

    Posted 17 May 2013 Link to this post

    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,
  6. Rosen
    Admin
    Rosen avatar
    3234 posts

    Posted 17 May 2013 Link to this post

    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!
Back to Top
Kendo UI is VS 2017 Ready