Telerik Forums
Kendo UI for jQuery Forum
1 answer
152 views
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.

Georgi Krustev
Telerik team
 answered on 21 Dec 2012
6 answers
340 views
on Android, after close the modalview, still show shade in the screen. please see the attachment
Kamen Bundev
Telerik team
 answered on 21 Dec 2012
1 answer
79 views
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
Petur Subev
Telerik team
 answered on 21 Dec 2012
6 answers
750 views
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?
Andrew
Top achievements
Rank 1
 answered on 21 Dec 2012
1 answer
101 views
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.
Alexander Valchev
Telerik team
 answered on 21 Dec 2012
1 answer
452 views
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!
Rosen
Telerik team
 answered on 21 Dec 2012
5 answers
566 views
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?
Dimo
Telerik team
 answered on 21 Dec 2012
3 answers
216 views
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
Atanas Korchev
Telerik team
 answered on 21 Dec 2012
1 answer
583 views
Hi,

I'm using cascading comboboxes like in the Kendo UI samples.

Everything works fine, but I don't want to enable the Checkbox once it is cacaded. I'd like to decide based on other facts if the Combobox whether should be enabled or not.

So how can I disable the feature, that the second combobox is automatically enabled?

Greets
Jayesh Goyani
Top achievements
Rank 2
 answered on 21 Dec 2012
2 answers
211 views
Hi,
I am using the grid to do the following

 

 

 

function BindDataToGrid(Data) {

 

 

 

var dataSource = new kendo.data.DataSource({

 

pageSize: 30,

data: Data,

autoSync:

 

true,

 

schema: {

model: {

id:

 

"ModuleID",

 

fields: {

ModuleID: { editable:

 

false, nullable: true },

 

Name: { editable:

 

false, nullable: true },

 

View: { editable:

 

false, nullable: true },

 

Add: { editable:

 

false, nullable: true },

 

Delete: { editable:

 

false, nullable: true },

 

IsDefault: { editable:

 

false, nullable: true }

 

}

}

}

});

$(

 

"#roleAccessGrid").kendoGrid({

 

dataSource: dataSource,

pageable:

 

true,

 

height: 260,

 

columns: [

{ field:

 

"Name", width: 120, title: "Module Name " },

 

 

 

//{ field: "ProductName", title: "Product Name" },

 

 

 

 

 

{field:

 

"View", width: 50, title: "View", template: '<input type="checkbox" # if(View==true){ # checked #} #></input>' },

 

{

field:

 

"Add",

 

width: 50,

title:

 

"Add",

 

template:

 

"<input type='checkbox' id='chkAdd' # if(Add==1){ # checked=checked #} # />"

 

 

 

 

 

},

{

field:

 

"Edit",

 

width: 50,

title:

 

"Edit",

 

template:

 

"<input type='checkbox' id='chkEdit' # if(Edit==1){ # checked #} # />"

 

 

 

 

 

},

{

field:

 

"Delete",

 

width: 50,

title:

 

"Delete",

 

template:

 

"<input type='checkbox' id='chkDelete' # if(Delete==1){ # checked #} # />"

 

 

 

 

 

},

{

field:

 

"IsDefault",

 

width: 50,

title:

 

"IsDefault",

 

template:

 

"<input type='checkbox' id='chkIsDefault' # if(IsDefault==1){ # checked #} # />"

 

 

 

 

 

}

],

editable:true 

});



My problem is that I am unable to retrieve the value after making a change on the check box.

Thanks in advance

Vijay
Top achievements
Rank 1
 answered on 21 Dec 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Drag and Drop
Map
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?