I have kendo menu( #(Html.Kendo().Menu()) in my web page.When the user reduce the size of web browser user cannot see all the menu items.Can i add scrolling for this menu?
No, the Kendo UI Menu doesn't support automatic scrolling.
They menu will stack l->r t->b if placed in a element that sizes.
You can use this code to create kendomenu
$("#menu").kendoMenu({
scrollable: {
distance: 20
}
});
For further information :
https://docs.telerik.com/kendo-ui/api/javascript/ui/menu/configuration/scrollable
Related
There is a way to display a context menu with right click on a TreeView item node?
Here you can see a how to article about a similar scenario.
I've a kendo grid with Navigatable option, and the grid navigation is working fine when I press Tab. But when I make some columns in grid as locked (frozen columns), the grid navigation is not working as expected. The navigation is working for only frozen columns and then for unfrozen columns.
#(Html.Kendo().Grid<ProcessModel>()
...
.Navigatable())
dojo.telerik.com/#joeTopazz/ODEbA
Thanks in Advance.
When the Grid has its keyboard navigation enabled, tabbing inside the widget is managed only when incell editing is used. In your example with inline editing, tabbing is managed by the browser and the observed behavior is expected due to the separate tables used for the locked and unlocked columns.
To achieve the desired tabbing order, use incell editing, or set a tabindex for all buttons and inputs from the edit row in the Grid's edit event:
http://dojo.telerik.com/EVuNe
$("#grid").kendoGrid({
navigatable: true,
editable: "inline",
edit: function(e){
e.sender.wrapper
.find(".k-grid-edit-row input,.k-grid-edit-row a")
.attr("tabindex", 1);
}
});
i want to integrate KENDOUI toolbar toolbar with basic CRUD toolbar operation of KENDOUI grid grid.
I want to have button 'create' in my basic toolbar (first link) that adds new line in my grid(second link).
I don't think you can combine the Kendo ToolBar widget with the built-in grid toolbar but you can completely define the grid's toolbar using a template which can be a Kendo ToolBar that you have complete control over.
http://dojo.telerik.com/#Stephen/OJAbI
In this example I have taken the 2 demos you linked to and added the ToolBar from the ToolBar demo and added it as the toolbar for the Grid using the toolbar.template configuration:
toolbar: [
{
template: '<div id="toolbar"></div>'
}],
Then, the "toolbar" element gets converted to a full ToolBar with
$("#toolbar").kendoToolBar({...});
in which I have added a "Add new record" button and the click handler of the ToolBar is
click: function(e) {
$("#grid").getKendoGrid().addRow();
}
I set the view is MonthView and I have only one view,so I do not want to show the view button which is on the right top position.Does scheduler has the property to hide the button?
What you need to do is to find the class of the button,and then hide it.
You need to tell it to just use the month view. Then if you don't want to see the button you would have to find the class of the button and set it to display:none.
views: [{ type: "month", selected: true }],
How I can increase the width of the view record dialog in jqgrid. I see there are currently options for edit or add case. Currently I'm doing through css, is there any nice way?
Vijaya Anand
The View form has some properties which can be used to change many dialog settings, like width for example. Default vlue of the width is 300.