Questions on Kendo UI for jQuery Forum

1 answer

288 views

[Solved] TabStrip - Setting content on a DataSource

I am just starting to play around with the TabStrip and I am facing the following issues:

1) When using only HTML to configure the TabStrip (and not using a DataSource) I cannot determine how to set the icon for each tab

2) When using the DataSource to configure the TabStrip I cannot determine how to set complex content (HTML) into the object. All of the examples I have seen set just a simple string value into the 'content' property of the elements in the array set as the dataSource ...

Can anyone help me out with the above two issues?

Thanks!

- Lee

TabStrip

answered on 21 Dec 2012

1 answer

278 views

Kendo Validation

I have the following questions about Kendo validation:
- When you mark a given control with the required attribute, is it possible to indicate that a string value of all spaces is not valid?
- Is it possible to specify the min and max length a text box value?
-

General Discussions

answered on 21 Dec 2012

1 answer

153 views

combobox is awkward on ipad

OK, maybe everything is awkward on an ipad, but...
This can be seen on the kendoui web demos for combobox.
Scroll the page down so that the combobx (t-shirt size) is near the bottom of the screen.
When you click into the combobox field the keyboard slides up and the screen scrolls up some.
Click the combobox dropdown arrow button to reveal the menu choices.
Note that the last choice is below the keyboard.
You can't select that last item.
If you dismiss the keyboard, the menu closes.
If you try to scroll, the menu closes.
if you touch one of the menu choices and try to scroll, when you release the new item is selected and the menu closes.

Would be good i think if touching the screen to scroll didn't immediately close the menu.
Consider touching down on a combobox and dragging to scroll the page does not focus the combobox on release. You have to "click tap" it to do that. Seems like that same logic should apply to dismissing the menu.

ComboBox

answered on 21 Dec 2012

6 answers

340 views

on Android, after close the modalview, still show shade in the screen.

on Android, after close the modalview, still show shade in the screen. please see the attachment

ModalView

answered on 21 Dec 2012

1 answer

79 views

Detail expands on enter

Hi,

I have a grid with a detail template. The default behavior when I press enter is to toggle the detail view. Is there a way to prevent this? I want to use enter to go into edit mode on cells.

Regards,
Jan Erik

Grid

answered on 21 Dec 2012

6 answers

753 views

[Solved] Changing scrollbar in Kendo DropDownList

Is it possible to replace scrollbar in Kendo DropDownList? It would be great to be able to change how the scrollbar in DropDownList popup looks like. But when using styleable scrollbars libraries like jscrollpane, Kendo DropDownList is not working correctly - it instantly closes after opening. Is it possible to solve this problem or use some other way to customize how the scroller looks?

DropDownList

answered on 21 Dec 2012

1 answer

102 views

data visualization in kendo UI mobile

Hello,
Is there any sample showing data visualization controls in kendo UI mobile application.
a demo application with chart or gauge control shall be highly appreciated.

Thanks.

General Discussions

answered on 21 Dec 2012

1 answer

455 views

Declarative Initialization of the Kendo UI Grid

Hello all,

I just wanted to share information on how you can perform declarative initialization of the Kendo UI Grid. There was no example in the documentation, but there were several clues given by the developers on how it could be done. This sort of technique is really helpful if you want to data-bind the ObservableArray property of an ObservableObject to your view when calling kendo.bind(). In the Model below, the Invoices property returns a collection of invoices; hence, it is an ObservableArray when the data is retrieved from the server.

var entityModel = kendo.data.Model.define({

id: 'Id',

fields: {

Id: { editable: false, defaultValue: '00000000' },

Name: {},

Invoices: {

Approved: { type: 'date' },

Completed: { type: 'date', defaultValue: null },

Type: { type: 'number' }

}

});

Here is the declarative initialization of the Grid:

<table id="invoices" data-role="grid" data-toolbar="[{ name: 'create', text: 'Add new invoice'}]"

data-editable="inline" data-bind="source: Invoices"

data-columns="[{field: 'Type', template: '#= app.invoiceTypes[Type].name #',

editor: function (container, options) {

$('<select></select>').appendTo(container).kendoDropDownList(); }},

{field: 'Approved', format: '{0:dd MMM yyyy}'},

{field: 'Completed', format: '{0:dd MMM yyyy}'},

{command: 'edit'}]">

</table>

The rows of the Grid are auto-generated if there is data present, just as you would expect. There are still some quirks I need to work out with the way it refreshes itself when the command buttons are clicked, but this is the general idea.

Cheers!

Grid

answered on 21 Dec 2012

5 answers

566 views

Embed a search box in the menu bar

Hi,

Has anybody managed to put a search box onto the main part of the menu bar? I can get it into a menu item, but not on the main bar.
Is this possible?

Menu

answered on 21 Dec 2012

3 answers

220 views

dataSource: {data: xxx} vs datasource: xxx

I've got a json datasource and if I bind to my grid using:

{dataSource: Currencies, columns...etc} then it works OK. however if I use:

{dataSource: {data: Currencies, pageSize: 20}, columns...etc} then it does not work.

Can anyone confirm what I'm doing wrong in the second example, which is how most of the demos work...?

Cheers
Cliff

Grid

answered on 21 Dec 2012