Hi there, I'm currently working on a project for a client, and part of what we do has to deal with the latest and coolest kendo UI components. In my current project, I'm trying to explore the use of the Kendo UI Mobile Collapsible control. Being a Telerik MVP myself, I figured I can help ask the right questions, and perhaps it will help other developers who face the same issues later find the answers here.

Here's my coding and what I am trying to achieve.

<div id="#: data.idValue #" data-role="collapsible" data-expand="onExpand('#: data.idValue #')">

<h3>#: data.dataItemLabel #</h3> 

... 

</div>

As you can understand from the code, I am using a kendo-template, and I am creating a list of collapsible items, and when each item is being clicked upon, it should trigger the onExpand method, passing the value of the id of the div into the method.

What's happening right now is that whenever the page is loaded for the first time, the method get executed when the list of collapsible are being created. (Please see my attached screenshot) Any developer with any good ideas on how we can solve this, please do share your ideas and input.

My intentions are for the method to be executed only when the collapsible item is selected for the first time.

I have been unable to show/hide columns dynamically within a treelist. I have an outside button that I want to swap between hidden and shown columns. I have read the documentation and tried to use:

     var treelist = $("#treeList").data("kendoTreeList");
    treelist.hideColumn(1);  

 However, this does not seem to work. Any help would be appreciated.

I have two views. If you navigate from first view to second view and then back to first view, then resize browser and navigate to second view again, splitter on second view is not showing any data (k-pane has width or height or both set to zero).

Unfortunately the browser resize even if you download some file and status bar (progress) appears (Chrome). I am tracking this issues for several months now, and only now I manage to figure it out how to reproduce it.

Hi,

I'm trying to generate a unique Id for each sub element within an inline editor using the change event on the editor:

change: function () {

    $(editor).children().each(function (index, element) {
           $(this).uniqueId();
     });
}

This works well, except that I noticed that when I insert a new paragraph, the Kendo editor clones the previous paragraph including the id attribute, which results in duplicate Ids!

 Is there a way to override the cloning behavior in the editor? Intercept it to remove the id attribute from the newly inserted node?

Thanks,

Mohammad

hello,

I am trying to implement serverPaging, serverGrouping with webapi and angularjs

I have implemented serverPaging but i am having difficulties while impelementing serverGrouping with paging.

can you please guide some sample project which can i refer.

I thought that maybe I wasn't using the UI correctly, and I did find a notice in the documentation that grouping + virtual scroll is not recommended, however when using virtual scrolling and grouping, it's impossible to scroll to the bottom.

 Is there any plans to fix this; or a way to work around it (calling resize or something at a specific time?) where both can be used?

 Here is a minimal case to see what I mean. Run the demo and then scroll to the bottom and you will find that as you collapse groups, more content shows up at the bottom that you cannot scroll to.

http://dojo.telerik.com/AXaRi

Thanks for any suggestions

** And yet we know that scrollable:true will use default scrolling and it all works.