Questions on Kendo UI for jQuery Forum

1 answer

82 views

Hi,

Setting the fontsize larger than 12px on body makes the widgets sprite icon look funny.
Should I make a new set of sprite icons or is there another way to handle font size > 12px?
please see http://jsfiddle.net/khsd/wjUt9/2/

EDIT: same question as http://www.kendoui.com/forums/ui/general-discussions/widget-display-with-changed-font-size.aspx

Best Regards
Karsten, Denmark

General Discussions

answered on 14 May 2013

1 answer

114 views

Validator Custom Rules run but validator.validate() returns function

I have been able to successfully use validator.validate() in my pages until now where I am loading content dynamically from a partial view.

$("#mydiv").append( $.get ... partial view );

Here are the facts of what is happening.

I load partial page with a form and validation rules dynamically.
When the form submits the validation code is executed and the form is prevented from posting to the server when it is invalid..
When I run the validate() function it doesn't return false like it should (ex. myvalidationform.validate() // returns and object instead of the expected false result when the data is invalid in the form.

Please someone uncover this mystery for me.

Validation

answered on 14 May 2013

2 answers

162 views

KendoUI Web for Orchard

For all Orchard funs, there is a common location for kendo UI framework and related script libraries module to use with Orchard CMS here.

The module includes the latest opensource version of KendoUI Web scripts and themes. If you own the commercial version, just replace the scripts and styles folders with your version of files.

I will soon post some examples of how to use kendo with Orchard.

General Discussions

answered on 13 May 2013

4 answers

476 views

DropDownList width?

Hello,
I'm having an issue where my dropdown list width does not seem to be working out very well.

If I have a DropDownList with a smaller entry and a larger entry, I end up getting something like this:
http://imgur.com/biDRhSh (this contains two entrys. 'IS' and 'is any of'

I confirmed with a jsfiddle that I see this as well: http://jsfiddle.net/LSaZ7/

What I would like to do is have the dropdown list itself be able to expand wider than the actual dropdown. Any ideas on how I could get this to work?

DropDownList

answered on 13 May 2013

3 answers

187 views

Issue with mouse clicks when using Kendo combo box in a Kendo grid

We are experiencing an issue when clicking on a Kendo Combo box in a Kenodo Grid when "navigatable" is enabled on the grid.

The problem occurs more often when using an IE 7-10 browser, but it also occurs when using Chrome, Firefox.

The following fiddle will demonstrate the problem. Just click between the products categories to reproduce the issue.

JSFiddle

Additional note: We have added mouse event tracking in our code and found that the mouse down/up events were firing several time each when clicking.

Grid

answered on 13 May 2013

4 answers

165 views

Configuration Issue? DragAndDrop TreeView item to a ListView

Hey,
I'm hoping to find some help on this issue. I have a requirement to enable drag and drop from a kendo ui treeview to a templated listview.
I've tried the following:

Enabling dragAndDrop on the treeview and configuring the listview as a kendoDropTarget......
Disabling dragAndDrop on the treeview and instead configuring that control as kendoDraggable to the listview configured as a kendoDropTarget

I'm not having much luck with it. Please take a look at my fiddle. Any suggestions would be greatly appreciated http://jsfiddle.net/JQBZN/1/

Drag and Drop

answered on 13 May 2013

1 answer

73 views

Kendo ui - Stock Chart data-navigator

I'm using kendo ui stockchart component using its data attributes as below:

<div

id="symbolChart"

data-role="stockchart"

data-series="[{ type: 'candlestick', openField: 'open', highField: 'high', lowField: 'low', closeField: 'close' }]"

data-category-axis="{ type: 'Date', baseUnit: 'days', field: 'time', labels: { rotation: 0, dateFormats: { days: 'MMM/dd'} } }"

data-date="{ field: 'time' }"

data-navigator="{ series: { type: 'area', field: 'high' }, select: { from: '2013/04/27', to: '2013/05/02' } }"

data-bind="source: dataSource">

And here is the json data I'm binding to my chart:

[{"id":0,"symbol":"EURUSD","time":"2013-04-25T00:00:00","open":1.2905,"close":1.3693,"low":6.1983,"high":1.2002,"direction":null,"digits":1,"spread":null,"modify_time":null,"mt4_server_id":null},{"id":0,"symbol":"EURUSD","time":"2013-04-26T00:00:00","open":1.2905,"close":1.3693,"low":6.1983,"high":1.2002,"direction":null,"digits":1,"spread":null,"modify_time":null,"mt4_server_id":null},{"id":0,"symbol":"EURUSD","time":"2013-04-27T00:00:00","open":1.2905,"close":1.3693,"low":6.1983,"high":1.2002,"direction":null,"digits":1,"spread":null,"modify_time":null,"mt4_server_id":null},{"id":0,"symbol":"EURUSD","time":"2013-04-28T00:00:00","open":1.2905,"close":1.3693,"low":6.1983,"high":1.2002,"direction":null,"digits":1,"spread":null,"modify_time":null,"mt4_server_id":null},{"id":0,"symbol":"EURUSD","time":"2013-04-29T00:00:00","open":1.1505,"close":2.2093,"low":3.1983,"high":1.1902,"direction":null,"digits":1,"spread":null,"modify_time":null,"mt4_server_id":null},{"id":0,"symbol":"EURUSD","time":"2013-04-30T00:00:00","open":1.1005,"close":1.2093,"low":1.3983,"high":1.4002,"direction":null,"digits":0,"spread":null,"modify_time":null,"mt4_server_id":null},{"id":0,"symbol":"EURUSD","time":"2013-05-01T00:00:00","open":1.2015,"close":3.2093,"low":1.2983,"high":1.1102,"direction":null,"digits":0,"spread":null,"modify_time":null,"mt4_server_id":null},{"id":0,"symbol":"EURUSD","time":"2013-05-02T00:00:00","open":1.2005,"close":1.7893,"low":1.1983,"high":1.3502,"direction":null,"digits":1,"spread":null,"modify_time":null,"mt4_server_id":null},{"id":0,"symbol":"EURUSD","time":"2013-05-03T00:00:00","open":1.2005,"close":1.7893,"low":1.1983,"high":1.3502,"direction":null,"digits":1,"spread":null,"modify_time":null,"mt4_server_id":null},{"id":0,"symbol":"EURUSD","time":"2013-05-04T00:00:00","open":1.2005,"close":1.7893,"low":1.1983,"high":1.3502,"direction":null,"digits":1,"spread":null,"modify_time":null,"mt4_server_id":null}]

But the navigator part of the chart is not rendering as expected. Am I doing a wrong configuration for the data-navigator attribute? Here is the screen shot of the result chart: http://i.stack.imgur.com/tbdZ0.jpg

Charts

answered on 13 May 2013

4 answers

105 views

Prevent closing slider bar when using Combobox

Hi Telerik team,

Durring integration of KendoUI ComboBox control to our solution we faced following problem: we have hidden div that slides from left side of the screen based on click on container and occupies half of the screen. Also this slider is hides when user clicks on any elements that located outside this div.
Problem with KendoUI ComboBox is that it appends to the end of the body elements. So our logic sees that it's outer element and closes slider tab when user tries to select item from combobox.
As far as we can see there is no option to control where is Combobox is rendered their list. And also we cannon prevent bubbling in close handler, because it does't have Event.

What can we do to prevent closing slider tab when selecting item in KendoUI ComboBox?

Regards,

ComboBox

answered on 13 May 2013

1 answer

118 views

Problems using the grid in ie8

1) Navigatable does not work.

In the attached demo I have batch editing turned on.

Pressing enter to go off edit mode does not allow you to navigate the grid with the keyboard.

Reproducible on the following web page: http://demos.kendoui.com/web/grid/editing.html

Also reproducible in the attached test file. Also reproducible in the latest internal build (509)

I have provided two screencasts. You can repeat this process by clicking in "Chai", then hitting enter, then pressing the down key. In the ie8 screencast the grid is not being navigated. In the chrome screencast, the grid is navigable.

Grid

answered on 13 May 2013

1 answer

239 views

Is there any example of a Kendo Window confirmation dialog box? On button click not grid based?

Hello all,

If I add the regular JQuery libraries needed for the dialog box all hell breaks loose with kendo jquery errors. Is there any examples for MVC to prompt a delete confirmation box for YES / NO and on YES the submit form action would be called? I can't seem to find any good 'common' examples of functionality in some cases.

Thanks all

Window

answered on 13 May 2013