Telerik Forums
Kendo UI for jQuery Forum
2 answers
140 views

Hello,

We use several different kendo widgets on the page at the same time. We also have many editable divs. To not flood the DOM, I'm instantiating the editor on focus event for an editable div, and on focusout I'm wanting to destroy the widget and remove the DOM it has created.

I see that the documentation states that the added DOM must be removed manually. How do I determine which widgets the editor has created, so that I remove only those and none of the other widgets?

Thanks

Chris
Top achievements
Rank 1
 answered on 05 Sep 2017
3 answers
400 views
Imagine a model as:

{
    Id: { type: "number" },
    Name: { type: "string" },
    Nested: [
        {
            Id: { type: "number" },
            Name: { type: "string" }
        }
    ]
}

So, the corresponding html form reflects this model.

What I am having more trouble finding than I think I should is an example that combines the following:

  • A demo / sample of the datasource implementing full CRUD operations to a remote server API manipulating a semi-complex model like the one above, preferably also integrating MVVM.

I have struggled far too much trying to work out how to combine a model, datasource, viewmodel, etc. into a cohesive whole that actually works.

Very frustrating as the value add for Kendo UI is clear - but not if it take a week to learn how to use one component of the framework.

Is there an example / demo covering this functionality that I may have missed? It seems like such a simple thing, I find it hard to believe there isn't one - but I really can't find it...

 To be clear, I am NOT looking for a Grid sample, nor dropdown lists, etc. but a normal HTML form with text inputs, etc.

Richard

Boyan Dimitrov
Telerik team
 answered on 05 Sep 2017
1 answer
367 views

We're currently running a mixed environment with both Kendo for Jquery and Kendo for Angular. I'm currently trying to implement a DropDownList and continually get the attached error when attempting to open the dropdown. We have ran into some other issues related to the Kendo for Angular controls attempting to use the Kendo for Jquery css but have found a workaround for that at the moment. Could this be css related or is there something else that we need to be looking at?

Thanks in advance.

 

Georgi Krustev
Telerik team
 answered on 05 Sep 2017
8 answers
766 views

Hello,

this post is actually one part a question about the rationale behind the design of the allday option, and one part a question about how to work with this behavior or how to override it.

To understand what I am talking about, consider following scenario:

Open the calendar in the regular month view. Already present in the view is an allday event on, let's say, the 19th. Then create a new event on the 19th without the allday option. Both events take up one day slot now. Continue resizing both events to also span the 20th day slot. The allday event will get the end date 20th and the non-allday event will have the end date 21th.

I know this is because the end time is set to 21th 12:00 AM. My question is why non-allday end dates are exclusive while allday end dates are inclusive? This gets really confusing when working with views where time information is unimportant, like the month view or the allday section of the week view.

We have use cases where the time information is completely unimportant for the task that involves the scheduler, and in these scenarios the users struggle to understand why it works in one way sometimes and some other times it works in another way. The problem arises because the data that is interacted with actually have time information, only that is not of concern for the user in the interactions in question.

If this really is the intended behavior, is there a way to override this behavior? I think a solution to our scenarios would be to treat both end dates in an inclusive manner, like this: non-allday event end at 20th 23:59 on resize, allday event just end at 20th.

Thankful for any kind of help.

Best regards

AndersSpetz
Top achievements
Rank 1
 answered on 05 Sep 2017
1 answer
1.0K+ views

Hi team,

I'm very new to the spreadsheet widget. I'm trying to format a sheet column to form a hierarchy like look. Is it possible to format the cell text with different indentation (without resorting to spaces like below), and color part of them with different color? (see attachment)

where [O] represents an icon which I want to color brown while keeping rest of text as black

 

 

Veselin Tsvetanov
Telerik team
 answered on 05 Sep 2017
3 answers
957 views

Hello,

after upgrading to the most recent Kendo UI version 2017.2.621,  with defined template no longer respond to click - they do not show check mark they fire any events.

You can replicate mentioned behavior in here https://dojo.telerik.com/Uguniw/2 (this is the example code from this page http://docs.telerik.com/kendo-ui/controls/navigation/treeview/how-to/AngularJS/customize-treeview-checkbox-template)

To fix the issue temporarily and verify that it is indeed caused by the upgrading of Kendo, you can lower the included version in the upper left corner to '2017 R1 SP1' and see that the checkboxes will start working again.

 

Could you help me with this issue?

Best regards,
Patrik

 

 

Ivan Danchev
Telerik team
 answered on 05 Sep 2017
1 answer
228 views

Starting with the sample in Demo section and change the autoUpload flag to false, dojo here : http://dojo.telerik.com/uXIxo/2

i can reproduce my issues.

Step 1) Add many files

Step 2) Try to remove the first one (with the X icon)

Step 3) See the Console, upload handler is called and JS Exceptions are thrown.

At that point its not working anymore, need a full refresh.

Tested in : IE Edge, Chrome and FireFox.

Does anyone experience the same issues?

Thank you

Veselin Tsvetanov
Telerik team
 answered on 04 Sep 2017
1 answer
189 views

Hi folks,

The spreadsheet option defaultCellStyle, http://docs.telerik.com/kendo-ui/api/javascript/ui/spreadsheet#configuration-defaultCellStyle

It doesn't work at all. See demo: http://dojo.telerik.com/UYuqOy/3

 

Best,

Anna

Ivan Danchev
Telerik team
 answered on 04 Sep 2017
1 answer
191 views

I am working on a basic chart example and any accented character (e.g. é) appears fine in the dojo split screen, but are messed up in full screen.

A most basic example is here http://dojo.telerik.com/OsEwA

Run and then view the full screen version (https://runner.telerik.io/fullscreen/OsEwA) 

Could you please advise if a workaround exists?

Thanks

Stefan
Telerik team
 answered on 04 Sep 2017
1 answer
1.0K+ views

Is it possible to call a Javascript with parameters when the user presses a button in the toolbar?

I can use the .Click() and the javascript is called but I can't figure out how to pass the parameters?

I als tried.....

 .Items(items =>
    {
        items.Add().Type(CommandType.Button).Text(Model.ToolbarSettings.NewButton.Text).Icon("plus")
            .Hidden(!Model.ToolbarSettings.NewButton.IsVisible).Enable(Model.ToolbarSettings.NewButton.IsEnabled)
            .HtmlAttributes(new { type ="button", Id = "aa" })
            .Click("onClick")

But how can I read the Id value in the javascript?

I want pass two parameters to the script (action/controller)......

 

Stefan
Telerik team
 answered on 04 Sep 2017
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?