Grouping Grids (select and expand issue)

9 posts, 0 answers
  1. Dr.YSG
    Dr.YSG avatar
    210 posts
    Member since:
    Dec 2009

    Posted 25 Mar 2012 Link to this post

     I have the latest version of KendoComplete, and a grid that I have enabled grouping with a remote data source
    I can group, but the arrow switch at the left of the group is missing, which means I cannot expand or
    collapse the group. (this happens no matter what theme I choose).


    I also have selectable enabled (by full row) with multiple items, and I would like to be able to press
    the group heading and select the entire group at once. Any ideas?

                      $
    ("#grid").kendoGrid({
                            dataSource
    : myRemoteData,
                            groupable
    : true,
                            scrollable
    : true,
                            sortable
    : true,
                            pageable
    : true,
    selectable: "multiple, row",
    ...


  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2593 posts

    Posted 26 Mar 2012 Link to this post

    Hi Steven,

    The problem may be caused by the CSS files. Could you please check if the right files are included in the project?

    Thank you in advance!

     

    Kind regards,
    Iliana Nikolova
    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. Dr.YSG
    Dr.YSG avatar
    210 posts
    Member since:
    Dec 2009

    Posted 26 Mar 2012 Link to this post

    I wish it was that simple. I am enclosing the CSS style links below (the files are all placed in my source tree).

    The clue that this is NOT a CSS issue, is that this is also happening with all your DEMOS. (http://demos.kendoui.com/web/grid/index.html )
    I can click on the expando/no-expando box, but there is no arrow inside of it. I have the latest copies of IE, FireFox, and Chrome and the problem happens regardless of browser.

    I thought it might have to do with the browser settings (character encoding settings) that that seems ok.

    The reason I know this is not working right is that at home (as opposed to my office) I do see the solid arrows for the expandos.

    I have tried this on other machines at our office, and they all seem to have the missing expando > wedge.

  5. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2593 posts

    Posted 29 Mar 2012 Link to this post

    Hi Steven,

    Could you please specify if this issue refers only to the arrows in the Kendo UI Grid or there is the same problem with other icons? And one more thing - are there any errors in the JavaScript console?


    Regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. David
    David avatar
    7 posts
    Member since:
    Mar 2012

    Posted 29 Mar 2012 Link to this post

    I was experiencing a similar issue that was fixed by removing a "text-indent: -3333px" from the CSS file that's being applied to .k-icon, .k-sprite, and .k-edit-button .k-tool-icon. Was there a reason for this indent? It seems like a really odd thing to have in there, and removing it fixed my problems.
  7. Dr.YSG
    Dr.YSG avatar
    210 posts
    Member since:
    Dec 2009

    Posted 29 Mar 2012 Link to this post

    Iliana,

    You ask an very astute question.

    I did a quick browse to your site, and I did not see any console errors, and I was only noticing the grid panel not working correctly.

    But when I went to my local site, where I placed the kendo grid I saw right away that I needed to include the sprite.png and textures directory in the project. Thank you.

    Then I went back to your site  and using FireFox 11 did a cache flush and full refresh (Shift Reload). I get a whole bunch of errors like this:

    "NetworkError: 407 Proxy Authentication Required - http://demos.kendoui.com/content/shared/styles/sprite.widgets.png"

    Now this is telling, since we have a proxy server that needs authentication for retrieving external files. I know that IE and Chrome use the windows WinINET cient to connect to the internet (which caches proxy authentication). I don't know how firefox does this. I do know that libcurl and curl are not working at our site.

    I do know that the browser is supposed to see 407 errors, and then provide the authentication, and then the call goes through.
    So 407 errors are not fatal. I am not that familiar with Chrome debugging, so I don't know how to test this from there for you.

  8. Dr.YSG
    Dr.YSG avatar
    210 posts
    Member since:
    Dec 2009

    Posted 29 Mar 2012 Link to this post

    The first time I use IE 9.0 It works (without the expandos, but it works) when I open up the console and then reload I get:

    SEC7113: CSS was ignored due to mime type mismatch
    kendo.common.min.css
    SEC7113: CSS was ignored due to mime type mismatch
    kendo.default.min.css
    SEC7113: CSS was ignored due to mime type mismatch
    kendo.dataviz.min.css

  9. Dr.YSG
    Dr.YSG avatar
    210 posts
    Member since:
    Dec 2009

    Posted 29 Mar 2012 Link to this post

    This is what I am getting with Chrome:


    Resource interpreted as Image but transferred with MIME type text/html: "http://cdn.kendostatic.com/2012.1.322/styles/textures/highlight.png".
    Resource interpreted as Image but transferred with MIME type text/html: "http://cdn.kendostatic.com/2012.1.322/styles/Default/loading-image.gif".
  10. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2593 posts

    Posted 30 Mar 2012 Link to this post

    Hello Steven,

    Many thanks for your detailed information. We are aware of these issues and will try to resolve them.


    Regards,
    Iliana Nikolova
    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