Telerik Forums
Kendo UI for Vue Forum
100 questions
Sort by
2 answers
134 views

Plea for help:  Our front end guy left, and I've inherited his work :(   I like the JS stuff, but I'm no expert.

Our new app has about a 4 megabyte app.js download, even when minified.  We've turned on gzip compression on the server, and that gets it down to a bit over a meg, but we had a $1000 bandwidth overage last month!

I've been tasked with seeing if we are including unused code. 

So, my question:  In the docs I see this: 

// As an alternative, you could import only the scripts that are used by the utility:
// import '@progress/kendo-ui/js/kendo.data' // Imports only the DataSource script and its dependencies
 
import '@progress/kendo-theme-default/dist/all.css'
 
import { DataSource,
        HierarchicalDataSource,
        GanttDataSource,
        GanttDependencyDataSource,
        PivotDataSource,
        SchedulerDataSource,
        TreeListDataSource,
        DataSourceInstaller } from '@progress/kendo-datasource-vue-wrapper'
 
Vue.use(DataSourceInstaller)
 
new Vue({
   el: '#app',
   components: {
       DataSource,
        HierarchicalDataSource,
        GanttDataSource,
        GanttDependencyDataSource,
        PivotDataSource,
        SchedulerDataSource,
        TreeListDataSource,
        DatasourceInstaller
   }
})

 

I've got about six of these:  layout, dateinputs, inputs, dropdowns, dialog, etc.  

If I can identify which of the features I need from each I need from each "wrapper", can I cut this down?  For instance, I'm sure we don't use gantt charts or pivots above.

Thanks, 

Ed Greenberg

Ed
Top achievements
Rank 1
 answered on 13 Mar 2020
5 answers
228 views

I was glad to hear, that the new release supports Vue 3. So I just started building a new app with Vue 3 TypeScript and wanted to use the Native Kendo Controls. But I have problems to set things up. With Vue 2 and JavaScript I had no problems with Kendo. But now it seems just not to work.

I also cannot find any documentation on that topic. It would be realy disapointing if it is missing. Maybe I'm just blind.

Plamen
Telerik team
 answered on 23 Oct 2020
3 answers
259 views

Hi,

By using the Kendo validator on a modal window (kendo-window) containing some required fields, I've got this issue:

  • I try to save everything without filling the fields, the validation messages will appear below the required fields, resizing the modal window;
  • I fill a required field and then click the save button. This required field will lose its focus, triggering the validation event that will hide the validation message, thus resizing the window and because of that, the click event on that save button will not be fired because the button is not below the cursor anymore;

I saw that there is a validateOnBlur option that I need to be enabled but it is used only when the field lose its focus. Is there a way to fire the validation event while the user is typing or changing the field data? It would fix that problem because the modal window will be resized before the user can click on the save button.

I am using the VueJS Wrappers.

Thanks

Nencho
Telerik team
 answered on 27 Mar 2018
2 answers
27 views

Hi,

I’ve been working with the grid and have applied grouping.
Following this, I attempted to introduce aggregations for each group. I’ve observed that this functionality is only available with cell rendering, which allows for customization of each cell.
I adhered to your provided example, but I noticed a complete transformation of the grid when more than one group is defined. I’m uncertain if this is the expected behavior.
Additionally, I’ve found that the groups can no longer be collapsed.


https://www.telerik.com/kendo-vue-ui/components/grid/grouping/grouping/

 

Thanks in advance, 
Ziggy 

Filip
Telerik team
 updated answer on 13 May 2024
5 answers
779 views
When i select any value in drop down i need selected value as a icon. Hear i am attaching a sample wire frame. 
Martin
Telerik team
 answered on 24 Oct 2019
3 answers
829 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
866 views

I try to use v-bind:steps="{ hour: 1, minute: 15 }" but turns out it doesn't have any effect.

I would like to make sure if it is not supported or I have misconfigured.

 

Thanks!

Petar
Telerik team
 answered on 03 Jun 2021
3 answers
304 views
Hello,
We use KendoUI with our Vue app and recently upgraded the kendo resource we use.


Old resources included:
"@progress/kendo-charts-vue-wrapper": "2018.3.1025",
"@progress/kendo-dateinputs-vue-wrapper": "2018.3.1025",
"@progress/kendo-drawing": "1.5.12",
"@progress/kendo-dropdowns-vue-wrapper": "2018.3.1025",
"@progress/kendo-theme-default": "2.63.0",
"@progress/kendo-ui": "2018.3.1219",
"@progress/kendo-validator-vue-wrapper": "2019.2.621"


New resources include:
"@progress/kendo-charts-vue-wrapper": "2020.2.912",
"@progress/kendo-dateinputs-vue-wrapper": "2020.2.912",
"@progress/kendo-drawing": "1.9.2",
"@progress/kendo-dropdowns-vue-wrapper": "2020.2.912",
"@progress/kendo-theme-default": "4.22.1",
"@progress/kendo-ui": "2020.3.915",
"@progress/kendo-validator-vue-wrapper": “2020.2.912”


As you can see in the attached image, following this upgrade, the kendo validator error message is not rendered correctly.
Following this we have several questions:




1) Can you pinpoint us which of the modules in the list above is responsible for the customization of the error message? This way we will be able to revert this specific module to the old version while keeping the rest of the modules updated.


2) If we wish to keep the new modules - can you guide us how we can match the styling? As we use Kendo all over the app, we are worried there are going to be a lot of places where such update will be required.


3) Are there any breaking changes for upgrading from 2018.3 to 2020.2 or to any of the upgrades mentioned above? If there are - where can we see them?


4) In a general note: Are you aware of any problems when using the old versions (e.g. 2018.3) on updated browsers / smartphones or should it be considered safe to stick with the older versions for some more time?


Thanks!
Petar
Telerik team
 answered on 16 Oct 2020
3 answers
368 views

Hi,
I am having two grid's in my page and I want to scroll to a particular row when the page gets loaded.

Each rows are having unique years and I want to scroll to the current year row once the page is loaded, with the class selector and the year value inside <td> i can identify the row into which I have to scroll.

I have done the similar functionality in another project but there we are using kendo UI for jquery version and https://docs.telerik.com/kendo-ui/knowledge-base/grid-scroll-selected-row link I had followed to achieve the same. As my current requirement is for Kendo UI Grid for Vue , I am looking forward to the correct solution or an approach for achieving the same..

Thank you for your help in advance.
Best regards
Jaydeep

Petar
Telerik team
 answered on 19 Jan 2021
1 answer
127 views

How do I save the value from this dropdowntree component onChange?:

https://www.telerik.com/kendo-vue-ui/components/dropdowntree-wrapper/

 

With the multiselect and dropdownlist components I can use

e.sender.dataItems();

and 

e.sender.dataItem(e.sender.select());

respectively

 

But for the dropdowntree component there isnt't a dataItem attached to the event sender object.

Plamen
Telerik team
 answered on 20 Oct 2021
Narrow your results
Selected tags
Tags
Grid
General Discussions
DropDownList
Editor
DatePicker
Grid wrapper
Scheduler
DropDownTree wrapper
Spreadsheet wrapper
Input
Editor wrapper
MultiSelect
DateInput
NumericTextBox
Scheduler wrapper
Styling / Themes
Calendar
DataSource wrappers (package)
DateTimePicker
Gantt wrapper
Chart
Chart wrappers (package)
ComboBox
Localization
Pager
Checkbox
Upload
DropDownList wrapper
Popup
Window
Error
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
FloatingLabel
TextArea
Drawer
Stepper
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
RadioButton
RadioGroup
Hint
Loader
ProgressBar
DateRangePicker
Switch
Wizard
Skeleton
ScrollView
ColorGradient
ColorPalette
FlatColorPicker
ButtonGroup
TileLayout
ListBox
ExpansionPanel
BottomNavigation
AppBar
Signature
ChunkProgressBar
VS Code Extension
+? more
Top users last month
Michael
Top achievements
Rank 2
Iron
Wilfred
Top achievements
Rank 1
Alexander
Top achievements
Rank 2
Iron
Iron
Matthew
Top achievements
Rank 1
Iron
ibra
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Michael
Top achievements
Rank 2
Iron
Wilfred
Top achievements
Rank 1
Alexander
Top achievements
Rank 2
Iron
Iron
Matthew
Top achievements
Rank 1
Iron
ibra
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?