Questions on Kendo UI for jQuery Forum

1 answer

57 views

[Solved] How to init virtual scrollbar position properly when initial page is not a first page

It looks more like a bug, but maybe I missing something.

I've modified virtual scrolling demo to load specific page http://dojo.telerik.com/ahEPE

and I see that it loads requested data properly, but scrollbar position is not updated.

When I try to scroll it it resets displayed data to first page because of incorrect scrollbar position.

Grid

answered on 04 Jun 2015

1 answer

117 views

Indentation not working

i am unable to indent last node in treelist is their any possibility?

TreeList

answered on 04 Jun 2015

8 answers

1.2K+ views

[Solved] change date pciker icon

Hi ,

I would like to change icon I have tried :

.k-i-calendar {

background-image: url('../images/svg/calendar_icon.svg') !important;

height: 16px !important;

width: 16px !important;

background-size: 16px 16px;

background-repeat: no-repeat !important;

background-position: center !important;

}

but it has no effect. CSS Inspector shows that my svg file is in use but old icon is displayed.

DatePicker

answered on 03 Jun 2015

1 answer

248 views

Expanding panels when using AngularJS directive

Hello,

First off I am a first time Kendo UI user. I really liked what I see from my trial so I purchased the UI Pro license.

I need to programatically expand panels in my accordion. I see the sample code for doing it the jQuery way but is there a sample that shows how I can do it the Angular way? I am thinking I need to create my own directive that does what your jQuery sample does in the linking function. I hope someone else has solved this problem.

Thanks,

Loc

PanelBar

answered on 03 Jun 2015

1 answer

101 views

Javascript disabled inside grid?

Hey Guys,

Picked up your product back in late October, just getting around to using it. So far most of it has been seamless and the documentation is great. Loving all the controls and how easy they are to implement!

However, today I ran into a snag.

Use Case: I have a basic HTML5 table that I want to convert into a Kendo grid. Before I put an id on the table and target the script, my edit <a> in the table works just fine.

My edit <a> makes a call to a JQuery function where I pass in an id. The function makes a call to my controller (Using MVC 5) which returns a partial view that is then inserted into a div where a different partial view was previously. The 'Add' form is being swapped out with the 'Edit' form.

Here's the <a> tag and script for edit.

$("#get_edit").click(function () {
$("#editForm").load("/Transactions/_Edit/" + $(this).data('id'));
});

This works great prior to making the HTML5 table a Kendo Grid. My question is; Why does my edit JQuery function no longer get triggered after I convert the table to a Kendo Grid? How can I fix the problem?

Thanks in advance!

~Josh

Grid

answered on 03 Jun 2015

8 answers

277 views

[Solved] Router callback triggered twice?

Hello everyone,
When using the Router, I have been experiencing a weird effect involving 2 routers and deep linking.

I've isolated the problem down to this test:

var router1 = new kendo.Router();

router1.route("/test1/", function (){

alert("test1");

});

var router2 = new kendo.Router();

router2.route("/test2/", function (){

alert("test2");

});

router1.start();

router2.start();

The routing works fine when you start from /, then navigate to /#/test1/ But when using a deep link (e.g.: open a new tab and navigate directly to /#/test1/), then the callback is triggered twice; 2 times "test1" is shown in an alert.
This is not the case when navigating directly to /#/test2/

Just for fun, I added a third router, which caused 3 alerts of test1, and 2 alerts of test2... It looks like the initialization of one router triggers an additional change event in the previous routers.

Best regards,
Wannes.

SPA

answered on 03 Jun 2015

5 answers

238 views

CSS Scroll for UL not working on device

Hi there,

I am using a <ul> element to show a list of user names and their records. I set the css overflow as scroll and also the -webkit-overflow-scrolling: touch as well.

It works fine on emulators but when I build the app onto either android or ios devices, the list just freezes and would not change.

One of my concern is that when adding the css, the -webkit-overflow-scrolling: touch is actually red coloured, which means it is not supported or detected by default.

Any idea out there?

Thanks.

General Discussions

answered on 03 Jun 2015

4 answers

438 views

[Solved] Duplicate but different Cat Axis items

I have a column chart where the data coming from the DB has some valid data that confuses Kendo. The data for the Category Axis is a list of merchants. There happens to be a few merchants with the exact same name, but different merchant IDs. How can I show "duplicate" merchant names in the category axis? Is there a way to identify uniqueness by the merchant id and not the merchant name, where merchant name is displayed on the category axis?
Thanks,
--Ed

Charts

answered on 03 Jun 2015

13 answers

879 views

File list templates

Another important thing for upload element is file list template. Somethink like

<script id="template" type="text/x-kendo-template">
<div>#= filename #, [#= filesize#]
<span class="menu">
<ul>
<li>#= button_delete #</li>
<li><input class="k-button" value="Insert into text" onclick="insert()"></li>
<li><input class="k-button" value="Copy path to bufer" onclick="copy()"></li>
</ul>
</span>
</div>
</script>

This way i can path either tmplate ID or template object and affect list of files.

Because upload is a very important thing nowadays and usually require more options than just upload.

Upload