Questions on Kendo UI for jQuery Forum

1 answer

866 views

Sortable panel with scrollbar doesn't scroll

Hi,
I'm designing a dashboard using Sortable panels using your example as a reference. I have a news widget where I don't have control over the height of the content which comes over rss. Hence I've added a scrollbar.
This works fine, except that when I try to scroll using the slider, it has a drag & drop effect on the whole widget. The arrows at the top & bottom are however working.

You can see the effect by adding the height & overflow properties to the css ~line 237 as

/* BLOGS & NEWS */

#blogs div,

#news div {

padding: 0 20px 20px;

overflow: scroll;

height: 300px;

}

in the example
http://demos.telerik.com/kendo-ui/web/sortable/sortable-panels.html

Is there a way to get the scrollbar to work ?

Regards

Achilles

Sortable

answered on 28 Apr 2014

1 answer

490 views

How to create kendoNumericTextBox in kendo grid cell?

Is there is any way to create widgets in kendo grid cell template? here is the sample code.

columns: [{

field: "Name",

title: "Contact Name",

width: 100

},

{

field: "Cost",

title: "Cost",

template: "<input value='#: Cost #'> </input>",// input must be an numerical up down.

}]

I want to create a numerical up down for cost column.here is the demo

down vote favorite

Is there is any way to create widgets in kendo grid cell template? here is the sample code.

columns: [{
    field: "Name",
    title: "Contact Name",
    width: 100
},
{
    field: "Cost",
    title: "Cost",
    template: "<input value='#: Cost #'> </input>",// input must be an numerical up down.

}]

I want to create a numerical up down for cost column.

here is the demo

Grid

answered on 28 Apr 2014

1 answer

283 views

issue using push on ObservableArray

Hi,

Populating ObservableArray using ajax does not trigger combobox refresh when ObservableArray initialized using empty array. What is the reason for this behavior?

This works (jsfiddle):

var vm = kendo.observable(new function () {

var self = this;

self.data = new kendo.data.ObservableArray([{}]);

self.selection = 0;

setTimeout(function () {

self.data.empty();

self.data.push(

{ id: 0, name: "E1" },

{ id: 1, name: "E2" },

{ id: 2, name: "E3" }

);

}, 30);

});

kendo.bind($("#sample"), vm);

This does not work (jsfiddle):

var vm = kendo.observable(new function () {

var self = this;

self.data = new kendo.data.ObservableArray([]);

self.selection = 0;

setTimeout(function () {

self.data.empty();

self.data.push(

{ id: 0, name: "E1" },

{ id: 1, name: "E2" },

{ id: 2, name: "E3" }

);

}, 30);

});

kendo.bind($("#sample"), vm);

<div id="sample">

<select data-role="combobox"

data-text-field="name"

data-value-field="id"

data-bind="value: selection, source: data">

</select>

</div>

MVVM

answered on 28 Apr 2014

3 answers

227 views

Kendo HTML Helper with VB in Razor/Webforms

I've look everywhere but all the code/examples I can find for Kendo UI MVC helper appear to be in C#.

Can someone point me at the VB samples or confirm Kendo only works with C#.

General Discussions

answered on 28 Apr 2014

1 answer

129 views

Kendo UI based Business Application

We are planning to develop a critical Business application around Sales Loyalty programs based on Kendo UI HTML and .Net Web APIs. Are there are case studies/real life examples of businesses developing complete applications using Kendo UI HTML controls and Web APIs. Could you please share information as we need to convince the customer on using Kendo UI (HTML) for complete application development.

General Discussions

answered on 28 Apr 2014

2 answers

89 views

Lose Header When Many List Items and tab through to the bottom

Hello,

I have a list view with a header. It is working fine until the list gets many. The currently we have 32 items. The problem is that when we are tabbing through the items, entering values all the way to the last item and then we try to scroll back to the top, it won't let us. It springs back to the middle and cannot get to the top nor get to the header. We have navigation buttons at the top and it is important that we get to the header. Is there any way to resolve this?

This happens in iPhone, IPad, Safari, and IE 11. All do the same thing.

My html is below (omitted in the middle since there are more than 30 items in the list):

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script src="./Scripts/KendoUI/jquery.min.js"></script>
<script src="./Scripts/KendoUI/kendo.mobile.min.js"></script>
<script src="./Scripts/KendoUI/console.js"></script>
<script src="./Scripts/jquery.signaturepad.min.js"></script>
<script src="./Scripts/json3.min.js"></script>
<link href="./Content/KendoUI/kendo.mobile.all.css" rel="stylesheet" />
</head>
<body>
<div data-role="view" data-title="BUBBA" id="edit-event-view" >
<header data-role="header">
        <div data-role="navbar">
            <a data-align="right" data-role="button" class="nav-button" >Log Out</a>
            <a data-align="left" data-role="button" class="nav-button">Main</a>
            <span id="edit-event-title" data-role="view-title" />
        </div>
</header>
<ul data-role="listview" >
    <li style=""><label for="f15303">First Name</label><input type="text" id="f15303" value="" style="text-transform: uppercase;" text-casing="3" /></li>
    <li style=""><label for="f15304">Middle Name</label><input type="text" id="f15304" value="" style="text-transform: uppercase;" text-casing="3" /></li>
    <li style=""><label for="f15305">Last Name</label><input type="text" id="f15305" value="" style="text-transform: uppercase;" text-casing="3" /></li>
    <li style=""><label for="f15306">Suffix<select id="f15306" style="text-transform: uppercase;" ><option value="0"> </option><option value="3">I</option><option value="4">II</option><option value="5">III</option><option value="6">IV</option><option value="11">IX</option><option value="1">JR</option><option value="2">SR</option><option value="7">V</option><option value="8">VI</option><option value="9">VII</option><option value="10">VIII</option><option value="12">X</option></select></label></li>
....(Omitted)
    <li style=""><label for="f15307">Sex<select id="f15307" style="text-transform: uppercase;" ><option value="" selected="selected"></option><option value="M">Male</option><option value="F">Female</option><option value="U">Unknown</option></select></label></li>
<li style=""><label for="f15520">How Injury Occurred</label><textarea id="f15520" style="text-transform: uppercase;" text-casing="3" ></textarea></li>
<li style=""><label for="i15405" >Year of Death</label><input type="text" id="i15405" class="readonly-text" value="" default-value="" style="text-transform: uppercase; background-color: silver; " ></li>
<li style=""><label for="i15576" >Alert Count</label><input type="text" id="i15576" class="readonly-text" value="" default-value="" style="text-transform: uppercase; background-color: silver; " ></li>
</ul>
</div>
<script>
      window.kendoMobileApplication = new kendo.mobile.Application(document.body);
</script>
</body>
</html>

Thanks!

ListView (Mobile)

answered on 28 Apr 2014

2 answers

175 views

Grid behaves like a TreeView

Hello,

We would like to find a way to implement a Grid. When we click row, we want to be able to show subrow. But Is there any way or best practice to do that?

You can find a mockup as attachment. I think it would be more clean for everyone.

Many many thanks to your help,

Grid

answered on 28 Apr 2014

2 answers

160 views

[Solved] k-pager-info misaligned when grid has frozen columns and Pageable pagesize is set to true in Firefox

Hello Kendo Team,
It seems that k-grid-lockedcolumns style makes that k-pager-info appears misaligned in Firefox when you set pagesize option to true of the Pageable configuration object.
You can see this effect in this link: http://trykendoui.telerik.com/ItuL

Why does k-grid-lockedcolumns style have White-space: nowrap?

Kind regards.
Oscar.

Grid

answered on 28 Apr 2014

3 answers

342 views

no icons shown

Hello

Kendo UI:    2014.1.318
OS:              Windows7 32bit
VS:              2012

As a beginner in mobile app and Kendo UI this might be odd, but I couldn't find the solution myself.

From the examples I implemented the scheduler in the MVVM project that is prepared by opening a new Kendo project in VS.
The app is running. The views, today button and scrolling work.
But the arrow icons are not shown, neither in tablet nor phone mode.
Do I need to add icons or shapes for it? I suppose yes, but which one and where?

Thank you for any help!

Martin

Scheduler

answered on 28 Apr 2014

1 answer

359 views

[Solved] MultiSelect on losing focus still have class "k-state-focused"

MultiSelect on losing focus still have class "k-state-focused".
Its very noticeable with Bootstrap theme when blue glowing stays on Multiselect when focus is lost already.

When do you plan to have some Service Pack release for latest version of Kendo Controls?

Thanks,
Val

MultiSelect

answered on 28 Apr 2014