Questions on Kendo UI for jQuery Forum

1 answer

136 views

What are the js files to get Slider with Angular

I am trying to get the kendo slider with AngularJS (as mentioned in demo http://demos.telerik.com/kendo-ui/slider/angular). However I don't want to use "kendo.all.min.js" as the size of file is too large. I instead tried including "kendo.core.min.js", "kendo.angular.min.js", "kendo.slider.min.js" to get the slider. I can see the slider on UI, but its not working as expected. I can see below error :

"Error: m is not a constructor
Z.Drag@http://localhost:48370/Scripts/lib/kendo.slider.min.js:9
Z<.init@http://localhost:48370/Scripts/lib/kendo.slider.min.js:9
..."

Please let me know what all .js files I need to include to make it work properly.
A quick response with possible working demo will be of lot help.

Slider

answered on 23 Mar 2015

1 answer

154 views

Decimal Numbers

Hi all,

I have a decimal field that I have bound to a MaskedTextbox. I have made the mask '999.99'. If I enter ' 45.77' I can see that 45.77 is saved in my database. When I refresh the screen and display the values again I see that '457.7 ' is shown in the MaskedTextbox. How do I get this to work properly and re-dispplay ' 45.77"?

Thanks

Steven

MaskedTextBox

answered on 23 Mar 2015

4 answers

234 views

Add click event to k-dropzone using angular-js

I would like to add to open the file selection dialog when clicking the k-dropzone, however if i try to set the_element.attr('ng-click', 'foo()') it won't work, is there a way to make it work?

Thanks in advance.

Upload

answered on 23 Mar 2015

1 answer

103 views

Q1'15 MVVM undefined template property

There appears to be a new behavior with getting observable properties in this release. In the past I was able to get the value of a property that wasn't defined in the observable but is declared in the DOM element. In Q1'15 the get method on the observable returns undefined in this case. Is this the intended behavior?

Thanks

Tony

General Discussions

answered on 23 Mar 2015

4 answers

104 views

[Solved] External Grid Editor?

I have a simple 3 column table, but one of the columns can have a very significant amount of data to edit - the inline editor is far too small, and I can't really use the modal version without major modification (and they nor I like modal windows, if it can be helped), so my option then is to modify the command and make a custom area to do the edits:

01.{ command: [

02. {

03. name: "Edit",

04. click: function(e) {

05. var tr = $(e.target).closest("tr");

06. var data = this.dataItem(tr);

07.

08. $('#programAdmin').slideUp('slow');

09. $('#programAdminEdit').slideDown('slow');

10. $('html, body').animate({

11. scrollTop : $("#programAdminResults").offset().top

12. }, 2000);

13. }

14. },

15. {

16. name: "Remove Notes",

17. click: function(e) {

18.

19. }

20. }

21. ], title: " ", width: "200px" }],

My question is, how do I grab the field data (let's say the field is called #=DATA_NOTES#) from the kendo grid from an external element, and make edits? Or is there a better solution here? I'd like to give them a glitzy .kendoEditor();, etc..

Grid

answered on 23 Mar 2015

1 answer

643 views

responsive tab strip

Can the tabstrip header be responsive. As when the tab increases a slider next prev button will come for the header items. Please refer the image
Thanks in advance

Grid

answered on 23 Mar 2015

3 answers

634 views

[Solved] Fixed Headers in TabStrip

I'm trying to fix the tab-headers in a Kendo TabStrip Widget.
Idea is that if there's lot of content inside each tab, the user can scroll the page, but ALWAYS see's the tabs on the top of the page.
I've tried to make css "position:fixed" in the <ul> of the tabs. The header keeps on top, but - if the user scrolls - the content flows over the headers.

See example here: http://dojo.telerik.com/INowI
(you have to adjust the height of the browser so that the content doesn't fit on screen)

TabStrip

answered on 23 Mar 2015

1 answer

344 views

Minimum selected items

I'm wondering if it's possible to enforce a minimum number of selections in a multiselect widget. I'd like to prevent the user from removing all items from the list, requiring at least one for validity. I see that there's a maxSelectedItems option, but there doesn't appear to be a minSelectedItems. I played with the select and change event hooks, but select doesn't seem to fire on removal and change fires after the item has been removed from the list.

Is there another way I could go about this?

MultiSelect

answered on 21 Mar 2015

1 answer

119 views

Problems with display on an Android device

We ran into a problem on a specific customer device - where views are not displayed properly - it seems that only half of the screen is shown and the rest is empty. This seems to work fine on most devices we tried - including the same type of device. Sometimes (quite often for this user) - the app only occupies the bottom half of the screen and does not display the entire view.

Details:

kendo version: v2014.3.1119
apache cordova (phonegap) 3.6.4
Android 4.4.2
Samsung Galaxy S4

We tried it on another Galaxy S4 and it works for us just fine.

We are not sure if this is Cordova related, kendo-ui related or something related to how we use kendo-ui.

Any ideas / help would be appreciated.

Ron

Application

answered on 21 Mar 2015

8 answers

264 views

Drawer Issue with Bootstrap

I am trying to create a responsive web page using a Drawer as my left nav bar. However, whenever the drawer opens, it pushes the content all the way off the page, to the exact width of the page. I discovered that this occurs when I include the bootstrap stylesheets:

<link rel="stylesheet" href="vendor/bootstrap.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.common-bootstrap.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.bootstrap.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.dataviz.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.dataviz.bootstrap.min.css" />

How can I use a drawer and use bootstrap?

Thanks!

P.S. I am a newbie to Kendo UI

Drawer (Mobile)

answered on 21 Mar 2015