Telerik Forums
Kendo UI for jQuery Forum
1 answer
182 views

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.

 

Petyo
Telerik team
 answered on 03 Mar 2016
1 answer
372 views
Hi there,

I'm working in Rollbase using Kendo UI. I'm currently making a drag  drop with the Kendo UI Drag & Drop functionality. It works well, except I want the draggable element to stay visible when it gets dragged onto the dropTarget. I made that work using offset, but when I zoom the screen in or out, the dropTarget moves while the draggable stays untouched.

Does anybody know a way in which I can make my draggable stick to the dropTarget?

Here's some code:
$(".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);
    }
});
Petyo
Telerik team
 answered on 03 Mar 2016
1 answer
170 views

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"}
                         
                    }
                }
            }
        }
    }
]

Vladimir Iliev
Telerik team
 answered on 03 Mar 2016
1 answer
115 views
Hi,

 

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

Vladimir Iliev
Telerik team
 answered on 03 Mar 2016
9 answers
1.0K+ views
Hi, when I use a window component, with ajax,

The first time works very well, but when i use with other button and try to call the function ponerPantalla with other id Number the windows appar but nothing about the content only blank screen inside, do you know what is wrong?

Thks

function ponerPantalla(elId){
var direccion="edicion.php?id="+elId


var window = $("#window").kendoWindow({
title: "Centered Window",
contentUrl: direccion,
width: "400px",
height: "400px",
visible: false,
modal:true
}).data("kendoWindow");



window = $("#window").data("kendoWindow");
      window.center();
window.refresh(direccion)
    window.open();
}
Alex Gyoshev
Telerik team
 answered on 03 Mar 2016
3 answers
329 views

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?

Petyo
Telerik team
 answered on 03 Mar 2016
6 answers
900 views

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.

T. Tsonev
Telerik team
 answered on 03 Mar 2016
1 answer
289 views

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

Bozhidar
Telerik team
 answered on 03 Mar 2016
1 answer
182 views

is there Undo / Redo taks changes support with gantt chart.

please help me.

how can i do???

Bozhidar
Telerik team
 answered on 03 Mar 2016
1 answer
141 views
Ability to add a graphical line and any other associated data to the UI using right click menu
Ability to have customizable context menus on right click
Bozhidar
Telerik team
 answered on 03 Mar 2016
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
Map
Drag and Drop
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
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?