Hello,
I am trying to implement toolbar as actionbar on Kendo UI Mobile:
In the demo, the dataItems are statically placed into the data-items attribute: http://demos.telerik.com/kendo-ui/m/index#navbar/adaptive-toolbar
<div data-role="toolbar" data-items='[
{
id: "back",
type: "button",
icon: "arrow-w",
overflow: "never",
align: "left",
url: "#:back"
},
{
type: "splitButton", id: "viewName", name: "viewName", text: "Inbox (18)", menuButtons: [
{ id: "option1", text: "Drafts (3)" },
{ id: "option2", text: "Sent Mail" },
{ id: "option3", text: "Junk Mail (21)" },
{ id: "option4", text: "Trash (53)" }
],
overflow: "never",
align: "left"
}]'></div>
I would like to be able to initialize and control the toolbar in the javaScript like so:
Html:
<div data-role="view" ... >
<header>
<div id="toolbar">
</header>
</div>
Js:
$("#toolbar").kendoToolBar({ ... });
When I do it this way, however, the toolbar does not get styled as in the demo.
Is there support for this type of toolbar initialization in mobile or am I doing something wrong?
Thank you.
$(".draggableTire").hover(function(){ $(".draggableTire").removeClass("dragTire"); $(this).addClass("dragTire"); $(".dragTire").kendoDraggable({ holdToDrag:true, hold:function(e){ $(".dragTire").css({"border":"1px solid orange","border-radius":"10px"}); }, hint:function(e){ return e.clone(); }, dragend:function(e){ $(".dragTire").css({"border":"0px","border-radius":"0px"}); }, autoScroll:true, });});$("#tireWasteFirst").kendoDropTarget({ drop:function(e){ $(e.draggable.element[0]).offset({ top:e.sender.targetElement.y, left:e.sender.targetElement.x }); $("#tireWasteSec").show(); formActions(e.draggable.element[0].id); }});Currently setting up a remote data source for resources. If I bind the same server side field for sorting as for the field I use for the dataTextField, I get an undefined label. If I have no "value" field then the labels reappear properly.
I can work on a Dojo example if needed.
I am using AngularJS with restangular for routing in the transport section.
resources: [ { name: "Equipment Number", field: "unit_number", dataTextField: "unit_number", title: "Equipment Number", dataSource: { transport:{ read: function (e) { dispatchFactory.equipment("read") .then(function (result) { console.log(result.data); e.success(result.data); }); } }, schema: { model: { id: "EquipmentModel", fields: { value: {from: "unit_number"}, //unit_number: {from: "unit_number"} } } } } }]
we build a SharePoint Hosted App with the Scheduler Controler. Now we want to display only the Scheduler as AppPart on another site. AppPart means here only in an IFrame. But the problem is that we got JavaScript Access denied errors because the Scheuler is trying to access for example the window object and some size properties.
Do you have any ideas to solve that?
regards,
Chris
I'd like to dynamically create my menus from an Angular $http/$resource call as they will be dynamic based on the user's profile. However, I can't seem to get the Menu object to respond to anything I put into ng-repeat.
Here's my test case:
http://dojo.telerik.com/@pacific202/uSiqa/2
The first one is a working menu with text and url's displayed properly. The other three are various combinations of menus I'd like to build.
Any tips on this?
Scenario: you wish to export a page with a grid and a chart to PDF.
I created a sample dojo based on existing Telerik samples: http://dojo.telerik.com/OsOpu/3
Goals:
1. Use full browser width when viewing the grid & chart in the browser. (works)
2. Adapt to A4 page width in the PDF (works for grid, not for chart which is truncated).
I am aware of the export specific css options, however this does not solve the problem for the chart.
A workaround is to fix the chart width to solve the PDF issue, but then the full browser width is not used.
Temporarily changing the width of the chart is a workaround, but then the user sees the change in width.
Any suggestions are welcome.
Can i do the below functionalites with gantt grid
Export to PDF
Export to Project
Export to Excel
Ability to filter by task names
Ability to highlight critical path on button click
is there Undo / Redo taks changes support with gantt chart.
please help me.
how can i do???