Questions on Kendo UI for jQuery Forum

1 answer

134 views

One issue that users of our site will complain about is the behavior of long combo boxes.

When using the mouse wheel to scroll down in a combo box, once the end of the combo box is reached, the whole page will scroll. This would be ok, except that since a mouse event has been triggered outside of the combo box, the combo box disappears. As a result, it's very hard to select the last few items in a combo box, since it's difficult to scroll to them without overshooting the box and closing it.

Here's JS Fiddle. To reproduce the bug, just scroll to the bottom with the mousewheel. The page will scroll and the combo box closes.

http://jsfiddle.net/NDDkA/1/

Any ideas for resolving this? Thanks!

ComboBox

answered on 16 Dec 2011

1 answer

336 views

Dropdown inside a label-tag

Hi,

i'll try with my poor english :)

It is a problem to place a DropDown inside a label-tag?

<label

>

	<

strong>Title</strong

>

	<

select id="form-register-title" class="required title"></select

>

</

label>

The DropDown doesn't open when clicking, but only by clicking the label-text ("Title").
A workaround/bugfix is nice :)

Thank you!

/edit: The focus-event on the select element should trigger the DropDown open(dropdown)-event.
Cause it isnt possible to access the DropDown via tabulator.
A nice feature is to step up or down with the corresponding keys and select/activate with tab.

DropDownList

answered on 16 Dec 2011

1 answer

104 views

upload control on a mobile device’s browser

Can I use the upload control on a mobile device’s browser? My upload works fine on a desktop. But when I access the page on an Ipad, the file upload dialog does not open. Nothing happens when I click the select button.

Upload

answered on 16 Dec 2011

0 answers

66 views

Go to page when user need

if have 250 page and i need go to page 200 . How do?
please guide for me .

Grid

asked on 16 Dec 2011

1 answer

118 views

Customize treeview to contain positioned dom nodes

Is it possible to customize the treeview to position additional DOM content to the far right of a tree node? We are hoping to use a "hover" state for the node to determine when to show/hide said DOM content.

See the attached screenshot. Note the two little icons to the right of the hovered tree node. This is what I'm talking about.

TreeView

answered on 15 Dec 2011

1 answer

80 views

virtual scrolling+ multiple expanded DetailRows = overflow with no Scrollbars

I have a grid with virtual scrolling enabled. When I expand multiple detail rows, I would expect the Grids Scrollbars to enable.
They are not.

Please Help... Thanks

Grid

answered on 15 Dec 2011

2 answers

159 views

Division in an External template

Here's a snippitof the template

<td>\

<div class='line'>\

<div class='left_strong_label'>\

Total Fat\

<div class='holder'>\

#= TotalFat #g\

</div>\

<div class='right_light_label'>\

<div class='holder_strong'>\

#= 65 * TotalFat #%\

</div>\

</td>\

Ok sooo...how do I change

#= 65 * TotalFat #%



to be

#= 65 \ TotalFat #%\



Any attempt to add the slash denotes a newline...?



Thanks,

Steve

Templates

answered on 15 Dec 2011

0 answers

151 views

data format

I realise that the format of the Calendar is "month/day/year"

Is it possible to get day/month/year?

Calendar

asked on 15 Dec 2011

3 answers

120 views

Issue themeing window

Hi,
I'm new with KendoUI and I've downloaded the evaluation of KendoUI. I tried to create a simple window using the blueopal theme. The windows comes up and is positioned correctly but it doesn't seem to be themed right. Firstly, even without using the blueopal theme I seem to be missing:

http://localhost:9000/public/stylesheets/external/kendoui/Kendo/sprite.png
http://localhost:9000/public/stylesheets/external/kendoui/Kendo/gradient.png

$("a.inDialog").live("click", function(e){

e.preventDefault();

$(this).after("<div id='openDialog'></div>");

$("#openDialog").kendoWindow({

theme: "blueopal",

title: $(this).attr("title"),

content: $(this).attr("href"),

width: "500px",

height: "300px"

}).data("kendoWindow");

var window = $("#openDialog").data("kendoWindow");

window.center();

});

In my html I included the following:

<link rel="stylesheet" type="text/css" href="/public/stylesheets/external/kendoui/kendo.common.min.css" charset="utf-8" ></link>

<link rel="stylesheet" type="text/css" href="/public/stylesheets/external/kendoui/kendo.kendo.min.css" charset="utf-8" ></link>

<script type="text/javascript" language="javascript" charset="utf-8" src="/public/javascripts/external/jquery-1.7.1.min.js"></script>

<script type="text/javascript" language="javascript" charset="utf-8" src="/public/javascripts/external/kendoui/js/kendo.all.min.js"></script>

<script type="text/javascript" language="javascript" src="/public/javascripts/external/kendoui/js/kendo.window.min.js"></script>

The window that comes up looks like the attached photo.

Can you please advice where I can get the missing images from and how I can fix my theme issue?

Thanks for your help,
Valanto

Window

answered on 15 Dec 2011

13 answers

353 views

Datepicker under IE8

Oh sorry please move to datepicker ...

This is not running under IE8, the datepicker pictures are not there (so nothing to click)
under FF 7 its working fine.

<input id="datepickerF" value=""/>
<input id="datepickerT" value=""/>

$(document).ready(function() {
    $("#datepickerF").kendoDatePicker({
                        // defines the start view
                        startView: "year",

                        // defines when the calendar should return date
                        depth: "year",

                        // display month and year in the input
                        format: "MMMM yyyy",
                       change: function(){needChange=true;}
                    });
   $("#datepickerT").kendoDatePicker({
                        // defines the start view
                        startView: "year",

                        // defines when the calendar should return date
                        depth: "year",

                        // display month and year in the input
                        format: "MMMM yyyy",
                       change: function(){needChange=true;}
                    });
....

DatePicker

answered on 15 Dec 2011