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?
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?
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.
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?
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?
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?
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.
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?
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