Questions on Kendo UI for jQuery Forum

1 answer

173 views

Hello, I am fairly new to using Kendo UI in my Asp.Net applications and need some help in using it in my application.

I would like the Editor to be autosize (Expand or shrink depending on the text the user inputs in) and wondering if this functionality exists with the editor or not. If exists, can I be provided with some sample code on doing the same.

I now have a html textarea control and making use of third party jquery plugin for achieving the autosize functionality. Just want to replicate the same using Kendo UI.

Thx.

Editor

answered on 21 Apr 2014

3 answers

1.0K+ views

Hide parts of the Scheduler control

How can I hide everything that is in the header above the calendar of the Scheduler control? (Today, < >, datepicker, Day, Week Month, Agenda)

I would also like to hide the footer that has the Show Business Hours.

Scheduler

answered on 20 Apr 2014

7 answers

419 views

[Solved] Kendo UI MultiSelect on Grid toolbar in a Tab Strip of Popup Editor.

Hi ,

I am not able to bind or show the Multi Select on Kendo toolbar of Popup Editor(Under the Tab Grid)

Please find the demo here.

http://jsbin.com/kibidipo/6/edit

The Multi Select ID "multiselectfilter" is in Template.

End of the day I want to Show applied filter columns on Grid in a Multiselect as a buttons of filters applied on Grid by using Multiselect selected items.

Kindly let me know if I am in wrong direction or I am if I am not getting control values through use of Template properly.

Thanks,
Chatrapathi chennam

MultiSelect

answered on 18 Apr 2014

1 answer

230 views

[Solved] Open Add / Edit event on a new page not in pop-up

Hello,

is it possible to open the add/edit event view on a new page? We would like to avoid pop-ups in our application to prevent any user errors.

Thank you,

Jakub

Scheduler

answered on 18 Apr 2014

1 answer

242 views

contain window inside of parent element

Does anyone know how to contain a window widget within a certain div/element tag?

Right now I have been trying to use $("#windowTest").draggable({ containment: $("#windowTest").parent() });, but I am having no luck with this. I would have to assume there is some way to contain a window, especially since it is built into jquery already and when you create a window it gives it a data-role of "draggable" (the correct jquery type).

I have not included any code since all I need to accomplish is keeping windowTest inside containmentDiv.

<div id="containmentDiv">
<div id="windowTest"></div>
</div>

Thanks for any help!

General Discussions

answered on 18 Apr 2014

1 answer

139 views

Kendo UI Mobile Scenarios

Ok so I need some help understanding if this is possible. I would like to have a ASP.NET MVC website using AngularJS + Kendo UI, which I know is feasible. Now I want to create a separate MVC area/routes inside the main website which would be for the mobile optimized views, models and controllers, etc. For instance www.company.com/mobile. Can I use Kendo UI Mobile just for this specific MVC area and make it look and feel like the platform it is running on? For instance use the Mac/Windows/Android view on those pages inside the MVC area. This separate MVC area will not be running AngularJS and be more for a view/read only type scenario. Any input would be appreciated and thanks in advance!

General Discussions

answered on 18 Apr 2014

1 answer

171 views

RangeSlider scale

This is my MVVM definition

<div id="rangeSlider" data-role="rangeslider" data-bind="value: hoursArray, events: { change: setHours }" data-min="0" data-max="23" >

<input type="text" />

</div>

So when it renders I see this (attached)
...how do I get it to show the 0 on the scale instead of nothing?

Slider

answered on 18 Apr 2014

5 answers

209 views

[Solved] What is the most appropriated and fastest click event ?

I've recently came accross this source: http://blogs.telerik.com/appbuilder/posts/13-11-14/jquery-mobile-and-kendo-ui-mobile---a-dom-omparison

where they say
"Mobile browsers wait 300ms after a tap before firing a click event to ensure the user isn't double tapping to zoom. Because Kendo UI Mobile navigation widgets use a fast click solution, they're instantly activated without the standard delay. This leads to a better user experience as the application feels more responsive.

jQuery Mobile provides a vclick (virtual click) event that attempts to normalize touch and click events in their apps. Instead of listening for click or touch events, you can listen for vclick events to work around the 300ms delay. Whereas Kendo UI Mobile automatically provides a fast click solution, in jQuery Mobile you must explicitly listen for and respond to vclick events."

Is this still accurate ? I can't find any other source about this.

I saw JQuery mobile comes with a "tap" event which seems appropriated. What is the most appropriated and fastest click event ?

Thank you very much

General Discussions

answered on 18 Apr 2014

3 answers

209 views

[Solved] Problem with missing route

I believe I have found a bug in the router control, with the routeMissing callback. According to the documentation, you should be able to call e.preventDefault() to cancel the navigation and stay on the current route.

This works as expected if I have a link on a page that points to an invalid route (ex. "#/missing") - the route is cancelled and I stay on the current view. But if I type the missing route (#/missing) into the browser address bar, then it reverts back to the route prior to the current route.

I have created an example in JS Bin that demonstrates this behavior - http://jsbin.com/EXARiTiJ/26

Here are the steps to recreate the issue:

When the page loads, it will first navigate to the Home view
Click on "Orders" to navigate to the Orders view. This will navigate correctly and update the url appropriately.
Click "Missing" to navigate to a route that has not been defined. This will fire the routeMissing handler, which calls e.preventDefault() and reverts the url and the view back to "Orders"
However, if you manually update the url in the address bar to "#/missing", the routeMissing handler fires and you are sent back to the Home view, and the url still has the invalid route (#/missing)

I am using the Q1 2014 release of the controls and testing in IE 10. I do not see the issue when testing with Google Chrome (v. 33)

SPA

answered on 18 Apr 2014

1 answer

137 views

Dropdown menu in grid

Does anybody have an example of how to create a dropdown menu in a gridrow. Since i have limited space in the grid, i would like to create a dropdown menu for the available actions - i.e.

Edit
Delete
Pause

The dropdown should be visible also when not in edit mode and when a user selects an action in the drop down, it should fire a javascript function.

DropDownList

answered on 18 Apr 2014