Grouping Grids (select and expand issue)

[Dr.YSG]

 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",
...

[Iliana Dyankova]

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

[Dr.YSG]

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.

[Iliana Dyankova]

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

[David]

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.

[Dr.YSG]

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.

[Dr.YSG]

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

[Dr.YSG]

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".

[Iliana Dyankova]

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