Telerik Forums
Kendo UI for jQuery Forum
1 answer
302 views

Hi

I am implementing the Save Layout for the Kendo Grid and have a question about events.

I am currently using the following events to save changes to the layout.

                                    change: function(e) {
                                        saveGridLayout();
                                    },
                                    columnReorder: function(e) {
                                        saveGridLayout();
                                    },
                                    columnResize: function(e) {
                                        saveGridLayout();
                                    }

 

If I just use Column Reorder and Resize events then I get no issues with reloading the grid because neither of those events get called on load of the grid.  My issue is that I have to use the change event to catch grouping/filtering of the grid which I also want to save, but as this gets called on gird load the save gets called again before my load.

Can anyone explain to me the events I should use to catch changes to the gird, save the layout and then when reloading layout when to do that?

Regards

Mike

Dimiter Madjarov
Telerik team
 answered on 03 Mar 2016
1 answer
183 views

Hi
We want to use Fiori Theme, but there are at least 2 Styling Bugs.

See screenshot (Chrome, Win 10)
1. Bottom Lines in Pickers missing
2. Radio Button Labels not correct positioned 

Is there a fix available ?

Cheers
Stefan

 

Iliana Dyankova
Telerik team
 answered on 03 Mar 2016
2 answers
112 views

Hello,

Is this functionality currently supported in the PivotGrid when using Remote Binding? It doesn't seem to work as intended in the example: I cannot sort Contact Titles or Countries by name.

Thanks,

Rosen
Telerik team
 answered on 03 Mar 2016
3 answers
428 views

Hi,

I have a tabstrip that has a dataSource with an array of items.  I also use the dataContentField to specify which property in the dataItem contains the content HTML.  The tabs are binding correctly and rendering the correct tab contents dynamically.  Now, I need to figure out which tab is selected and which dataItem is bound to the selected tab so that I can add a new dataItem in the dataSource after the selected tab's dataItem.  Theoretically, this will trigger the tabstrip to dynamically generate a new tab after the selected tab.  I am using tabstrip.select(), but that just gives me the element.  I tried to use tabstrip.dataItem(tabstrip.select()), but dataItem doesn't seem to exist on tabstrip, unlike other widgets like Grid etc.  How can I get the dataItem from a selected tab element?  It would also work if I can get the index of the selected tab element, but that is less elegant.

Thanks,

Michelle

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

Hi,

I have a simple tabstrip defined in AngularJS.  I have a button that when clicked, will change the name of the first item in the datasource.  I expect the tabstrip tab title to change as well after the click, but as you can see in the following example, the datasource is changed, but the tab stays the same:

http://dojo.telerik.com/AYofE

I know that you can call tabstrip.dataSource.read() to update the title, but in my case doing that will overwrite some tabs I manually appended to the tabstrip directly because they are not in the dataSource.  Is there a way to get data binding working for the tab title?

Thanks,

Michelle

Petyo
Telerik team
 answered on 03 Mar 2016
1 answer
161 views
Is it possible to define KPIs when using the flat data format on a pivot grid? 
Rosen
Telerik team
 answered on 03 Mar 2016
1 answer
142 views

Hello,

 

I'm trying to use the treeview to display a file structure with direcotries and subdirectories, also i want to allow the user to edit the structure. I need to prevent the documents to become folders which is why I call "setStatusClass('k-denied') on the drag event when the user tries to drop a file "inside" another file. It works, doesn't allow the user to drop a file into another but i notice that the file is not "marked" anymore, it has the class ".k-state-hover" but it seems like isn't working. On the other hand when the kendo framework does the same, for example when you try to drop a node inside one of its child nodes, it works perfectly.

 

Here is an example, when you drag "Kendo UI Project" into "Word.docx", "Word.docx" is highlighted but when yo drag "Word.doc" into "Word.docx", "Word.docx" is not highlighted.

http://dojo.telerik.com/aWOxa

 

Thanks.

Alex Gyoshev
Telerik team
 answered on 03 Mar 2016
1 answer
162 views
How can I dynamically change gauge max value when using AngularJS? I tried using redraw(), and it sure changes the scale but somehow refreshes the pointer value back to the older value. Any advices, please?
Dimiter Madjarov
Telerik team
 answered on 03 Mar 2016
1 answer
177 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
368 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
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
ScrollView
Switch
TextArea
BulletChart
Licensing
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
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?