Telerik Forums
Kendo UI for Vue Forum
3 answers
1.2K+ views

The company I work at bought Telerik Kendo UI and we've been using it for a couple of months now. After spending many weeks working with this product, I'm curious to take a read on how other people feel about it. Note I've only ever used Bootstrap, Ionic, and other open source frameworks prior to this.

From what I can tell:

Pros:

  • Builds awesome UI with very minimal design effort

  • Works incredibly well with entity framework back end

  • Handles data view related logic internally and requires minimal effort

Cons:

  • Obfuscated source code due to not being open source, means it's impossible to figure out what the hell it's doing

  • Workarounds are a pain in the ass

  • They do horribly sadistic things to markup and CSS

  • Documentation is terrible, often omitting example code, or contextual code

So all that said, how do you guys feel about Kendo UI?

Petar
Telerik team
 answered on 15 Mar 2022
1 answer
516 views

By default, the grid column menu (https://www.telerik.com/kendo-vue-ui/components/grid/columns/column-menu/) displays a weird tootip on hover, containing the field name and a "Column Menu" text:

I'd like to either remove this tooltip or customize it (for instance, by changing it's text with the title - and not the name - of the field, plus removing the "Column Menu" text). Is there a way to to this?

The documentation contains a "GridColumnMenuItemProps" section, and I see a "title" prop that could be useful (https://www.telerik.com/kendo-vue-ui/components/grid/api/GridColumnMenuItemProps/#toc-title). But I haven't found a way to pass this prop (at least, I haven't found anything on the documentation about it).

Is this possible?

Petar
Telerik team
 answered on 14 Mar 2022
1 answer
114 views

Is there an easy way to allow only one item selected in the navite grid? I find it strange that it's not a simple prop to add to the component.

Thank you.

Petar
Telerik team
 answered on 14 Mar 2022
1 answer
104 views

I recently came across Kendo UI Web, and I was pretty impressed, but I have a question about their licencing. The web version is licensed under the GNU/GPL, which if my understanding is correct, means that I can use it for free as long as I too abide by the GPL. In this case, if I'm using it as a JavaScript library, and I don't modify it, and I use it as part of a commercial product, there should be nothing wrong with that, and unless I need or want support, I legally do not have to pay them. I tried emailing them, and they just referred me to a forum post (which did not answer my question). Does anyone have any experience with this?

Petar
Telerik team
 answered on 08 Mar 2022
1 answer
222 views

We have a Vuejs and Vuetify application.

We are using the DropDownTree control to display a hierarchy. In some cases, the list can be very long and scrolls off the page.

I tried using the "Height" property. This works for the DropDownTree controls that are NOT in a v-dialog.

But one of our DropDownTree controls displays in a v-dialog. The "Height" property has no effect here.

How can I make the "Height" property work for the DropDownTree in a v-dialog?

Or how can I specify a height for the DropDownTree or add scroll bars when the DropDownTree appears in a v-dialog?

 

Petar
Telerik team
 answered on 03 Mar 2022
1 answer
373 views

We are using the kendo-ui Dropdowntree control in our VueJS app.

If we have around 1100+ rows of data in our hierarchy, we find that the Browser screen freezes until the Dropdowntree control is finished populating.

Most of our hierarchies are much smaller and the control populates quickly as expected.

But we have 1135 rows in our hierarchy in one of our examples. The data is fetched from our API and returned to our Vuejs app, in a few seconds. But after the Vuejs load function finishes and the code is about to return to the UI, the screen freezes for about 10 seconds while the Dropdowntree control is populating. Nothing can be clicked while the screen is frozen.

How can we avoid the screen freezing while the Dropdowntree control is populating where the hierarchy rows are large?

 

Petar
Telerik team
 answered on 25 Feb 2022
1 answer
274 views

I'm just getting started with vue.js 2.0. I've been using Telerik's Kendo UI and their MVVM framework, but I'd like to switch to vue.js. Does anyone know how I might go about creating wrappers to make kendo and vue.js work together? I've never done anything like this and not really sure where to start. Thank you for any guidance.

Petar
Telerik team
 updated question on 18 Feb 2022
1 answer
179 views
How do I use code to insert comments 
Petar
Telerik team
 answered on 16 Feb 2022
1 answer
152 views

We are using kendo-vue-dateinputs DateTimePicker in our vuejs app.

When the control has a datetime, is there a way to clear the datetime to null?

Is there a way to add a button to the DateTimePicker where I can call my function to set the value to null?

 

Petar
Telerik team
 answered on 14 Feb 2022
4 answers
178 views

Hello,

I wonder what is the best way to manage (crud) the remote data when using Native Vue Grid.
To read data, it seems that the best way is to call the ajax service in the "mounted()" hook of the component.
But for create/update/delete, where do I have to call the ajax services ? If I refere to the doc example (https://www.telerik.com/kendo-vue-ui/components/grid/editing/editing-inline/), is it in the "update" method, or there is a better solution ?

Thanks for your help

Etienne

Petar
Telerik team
 answered on 10 Feb 2022
Narrow your results
Selected tags
Tags
Grid
General Discussions
DropDownList
DatePicker
Editor
Grid wrapper
Scheduler
DropDownTree wrapper
Spreadsheet wrapper
Input
MultiSelect
Calendar
NumericTextBox
Editor wrapper
DataSource wrappers (package)
DateInput
DateTimePicker
Scheduler wrapper
Styling / Themes
Chart wrappers (package)
Gantt wrapper
Localization
Chart
Checkbox
ComboBox
Window
Pager
Error
Upload
DropDownList wrapper
Popup
Form
Tooltip
TreeView
Dialog
MultiSelect wrapper
NumericTextBox wrapper
Slider
Toolbar wrapper
Upload wrapper
Validator wrapper
ColorPicker
Accessibility
AutoComplete
AutoComplete wrapper
Button wrapper
ComboBox wrapper
ContextMenu wrapper
Licensing
ListBox wrapper
ListView wrapper
Map wrapper
MaskedTextBox
Menu wrapper
MultiColumnComboBox wrapper
Splitter wrapper
TabStrip wrapper
TimePicker
TreeView wrapper
TabStrip
Card
RadioButton
FloatingLabel
TextArea
Drawer
Stepper
DateRangePicker
Gauge
Splitter
PanelBar
Notification
RangeSlider
Menu
TreeList
Toolbar
Button
ListView
FontIcon
SVGIcon
Animation
Barcode wrapper
ButtonGroup wrapper
Chat wrapper
ColorPicker wrapper
DateInput wrappers (package)
Diagram wrapper
Dialog wrapper
Gauges wrappers (package)
MaskedTextBox wrapper
MediaPlayer wrapper
Notification wrapper
Pager wrapper
PanelBar wrapper
PivotGrid wrapper
QRCode wrapper
RangeSlider wrapper
ScrollView wrapper
Security
Slider wrapper
Switch wrapper
Tooltip wrapper
TreeList wrapper
TreeMap wrapper
Window wrapper
Avatar
StockChart
Sparkline
RadioGroup
Hint
Loader
ProgressBar
Switch
Wizard
Skeleton
ScrollView
ColorGradient
ColorPalette
FlatColorPicker
ButtonGroup
TileLayout
ListBox
ExpansionPanel
BottomNavigation
AppBar
Signature
ChunkProgressBar
VS Code Extension
+? more
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?