Questions on Kendo UI for jQuery Forum

3 answers

168 views

Hello,

I have an issue with Internet Explorer (tested in IE9 & IE11 on Win 7) on the frozen columns grid.
http://demos.telerik.com/kendo-ui/grid/frozen-columns

When I scroll down from the Grid, the frozen columns seem to scroll down and the non frozen seem to scroll up.
It works fine with Firefox or Chrome.

Is this a known issue and is there a way to fix it ?

Many thanks

Grid

answered on 24 Jan 2015

3 answers

100 views

How can I navigate inside of a table using the TAB key (like in Word) instead of the arrow keys?

Editor

answered on 24 Jan 2015

1 answer

745 views

styling .k-animation-container

Hi there,

I want to change the margin and box-sizing css properties of the .k-animation-container. The reason is that I want the drop down to be the same as the header.
When I write my css for this class, it gets overridden by inline styles. So please help me out here.

Also, please let me know if there is some other class that can be styled for the .k-animation-container to be affected.

Thank you in advance,
Nisarg

DropDownList

answered on 23 Jan 2015

1 answer

209 views

How to increase height of listview based on item name

Hi
I am bind data in listview in mobile application,some data have long name like more than 150 letters,that time what happen ,it appear in second line,but not visible properly,

my code is

var listview = $("#filesView").data('kendoMobileListView');
treeViewDatasource = new kendo.data.DataSource({ data: dirinfo, group: "GroupLetter" });
listview.setDataSource(treeViewDatasource);

in above,dirinfo i get data form webservice,in mobile device width is small when compare with ipad,so in mobile device long name comes second line,but not to view,
Possible to increase the height of the listview based on item name ?

here i attach file

Regards
Aravind

ListView (Mobile)

answered on 23 Jan 2015

4 answers

285 views

Image Selector always shows 405 method not allowed

Hi , I just use the sample editor HTML



and click insert image ,always shows 405 method not allowed 



how can i solve this problem??





<!DOCTYPE html>

<html>

<head>

<title></title>

<link rel="stylesheet" href="Content/kendo.common.css" />

<link rel="stylesheet" href="Content/kendo.default.css" />

<link rel="stylesheet" href="Content/kendo.dataviz.css" />

<link rel="stylesheet" href="Content/kendo.dataviz.default.css" />

<script src="Scripts/jquery-1.10.2.js"></script>

<script src="Scripts/kendo.all.js"></script>

</head>

<body>

<div id="example">

<div class="box">

<p>Allowed file types for the Image browser are: jpg, jpeg, gif, png</p>

<p

>Allowed file types for the File browser for this demo are: txt, doc, docx, xls, xlsx, ppt, pptx, zip, rar, jpg, jpeg, gif, png</

p>

</div>

<textarea id="editor" rows="10" cols="30" style="height:440px">

</textarea>

<script>

$(document).ready(function() {

// create Editor from textarea HTML element with default set of tools

$("#editor").kendoEditor({

tools: [

"insertImage",

"insertFile"

],

imageBrowser: {

messages: {

dropFilesHere: "Drop files here"

},

transport: {

read: "/test/",

destroy: {

url: "/test/",

type: "POST"

},

create: {

url: "/test/",

type: "POST"

},

thumbnailUrl: "/test/",

uploadUrl: "/test/",

imageUrl: "/test?path={0}"

}

},

fileBrowser: {

messages: {

dropFilesHere: "Drop files here"

},

transport: {

read: "/kendo-ui/service/FileBrowser/Read",

destroy: {

url: "/kendo-ui/service/FileBrowser/Destroy",

type: "POST"

},

create: {

url: "/kendo-ui/service/FileBrowser/Create",

type: "POST"

},

uploadUrl: "/kendo-ui/service/FileBrowser/Upload",

fileUrl: "/kendo-ui/service/FileBrowser/File?fileName={0}"

}

});

</script>

</div>

</body>

</html>

Editor

answered on 23 Jan 2015

7 answers

420 views

Load ajax into TabStrip and angularjs

How to call file html by ajax in Tabstrip when use with angularjs.
<div kendo-tab-strip k-content-urls="['index.html#/setting/setting-company.tpl.html', null ]">
    <ul>
        <li class="k-state-active">First tab</li>
        <li>Second tab</li>
    </ul>
</div>

I got error the file not found

TabStrip

answered on 23 Jan 2015

1 answer

125 views

Grid throwing exception when trying to dot over a null value (ODATA)

I have the Kendo grid displaying OData query results. My grid is displaying asset entities which have several related entities such as Location. If I try to expand and display Location.Name, and Location is null then the grid will break. Is there anyway around this?

Grid

answered on 23 Jan 2015

7 answers

216 views

[Solved] how to attach angularjs directive to kendo gird events



How could I attach angularjs directive to kendo ui gird databound event? 

Should I take any additional steps when grid is destroyed?  




<div id="kgrid" kendo-grid="kgrid" options="opGrid" my-grid-auto-size></div>



.directive(

'myGridAutoSize', function (UIService) {

return {

restrict: 'A',

link: function (scope, element, attrs, location) {

element.bind('dataBound', function () {

UIService.ResizeGrid();

});

}

});

Grid

answered on 23 Jan 2015

3 answers

266 views

Opening window causes items to jump

Hi, I have a kendoWindow in a partial view. When I open the window, the controls below the partial view display move down and when I close window they move back up. Is there a way to open/close window without affecting layout of page?

Window

answered on 23 Jan 2015

3 answers

1.7K+ views

DropDownList slow for large number of items

Hello,

I'm using the Kendo grid (Ajax binding) for some basic CRUD behavior. I'm using three foreign key columns and relying on the GridForeignKey editor for inline editing. Everything is working as expected, except one of the dropdowns contains 8100+ items and is extremely slow to open. If I use a standard dropdown (non-kendo) the list populates quickly, however I haven't been able to match the CSS of the kendo dropdowns so looks very out of place.

Anyone have any suggestions?

Cheers,
Andrew.

DropDownList

answered on 23 Jan 2015