Telerik Forums
Kendo UI for Vue Forum
0 answers
4 views

Hi All,

I have a query which goes as below -

We have min and max dates already applied to this datepicker.
But we want to go one step ahead and disable all the dates of the month save the last date between the min and max dates.

Thanks,
Ronnie

Ronnie
Top achievements
Rank 1
 asked on 23 Apr 2025
1 answer
23 views

Hi there,

I'm updating my kendo components which works fine.

  •    "@progress/kendo-data-query": "^1.7.1",
  •     "@progress/kendo-drawing": "^1.21.2",
  •     "@progress/kendo-licensing": "^1.5.1",
  •     "@progress/kendo-theme-default": "^10.3.1",
  •     "@progress/kendo-theme-material": "^10.3.1",
  •     "@progress/kendo-ui": "^2025.1.227",
  •     "@progress/kendo-vue-animation": "^6.1.0",
  •     "@progress/kendo-vue-data-tools": "^6.1.0",
  •     "@progress/kendo-vue-dateinputs": "^6.1.0",
  •     "@progress/kendo-vue-dropdowns": "^6.1.0",
  •     "@progress/kendo-vue-grid": "^6.1.0",
  •     "@progress/kendo-vue-inputs": "^6.1.0",
  •     "@progress/kendo-vue-intl": "^6.1.0"

But when I try to install the wrapper packages:

  •  @progress/kendo-charts-vue-wrapper
  • @progress/kendo-datasource-vue-wrapper
  • @progress/kendo-dropdowns-vue-wrapper
  • @progress/kendo-inputs-vue-wrapper

I get dependency issues (see image attached). The wrapper packages expect kendo-ui 2024.3.806

Questions:

  • Is it save to use --force or better  --legacy-peer-deps? 
  • Can you please update these package dependencies to kendo-ui@latest?
  • Or are the wrapper packages of no use anymore?

Thank you very much

Oliver

      
Vessy
Telerik team
 answered on 14 Mar 2025
1 answer
29 views

Hi,

I am using grid grouping and aggregates. I tried to place the aggregated values in the header of the group instead of the footer but was not successful. Is there a way to do this?

Additionally, is it possible to update the aggregated values live? For example, if a user changes a value in a cell, the aggregate value is also updated live?

Thank you in advance.

Best regards, Ziggy De Caluwé

Ziggy
Top achievements
Rank 1
Iron
Iron
 updated answer on 05 Mar 2025
0 answers
30 views

How do you backslash escape Vue directives in a Kendo UI Template.

I want to escape a v-model on my Kendo UI template.

This is how I tired to escape them but it did not work.

<input type="checkbox"  \# v-model="checked" \# > 
EDIT:

I tried using a double escaped \# like this:

 <input type="checkbox"  \\# v-model="checked" \# >

But it did not work, when I examined the page via chrome dev tool, this is how the input  is displayed:

 

<input type="checkbox" #="" v-model="checked">

The reason for the v-model is that I am trying to do an 'if conditional' in my Vue.js model

. i.e

<script>
    const mixin = {

        data: function() {
            return {
               checked:true
       }

  created() {
    this.checked = this.addGoals();
   },
  methods: {
    addGoals() {
	if (test === 3){
        return true;
        }else{
	return false;
     }
  }

</script>

 

I did try this method to escape the values but it did not work:

<input type="checkbox" #:v-model="checked">

The error message: 

Uncaught Error: Invalid template:'

journeyman
Top achievements
Rank 1
 updated question on 24 Feb 2025
1 answer
22 views

Hello all,

Facing some issue with rendering filterCell with a custom component.  This was working fine with Vue 2, and seems broken after we upgraded our application to Vue 3 and latest Kendo UI.

https://stackblitz.com/edit/dwpfqucx?file=src%2Fmain.vue%3AL18

Requesting for help, as we are stuck upgrading to latest Kendo UI

Vessy
Telerik team
 answered on 24 Feb 2025
1 answer
77 views

Hi, kendo

 

I used Kendo Ui for Vue.

I found a problem in multiSelect.
You can enter the link - https://www.telerik.com/kendo-vue-ui/components/dropdowns/multiselect
This is demo page for multiSelect provide by kendo.

After chrome update for 133.0.6943.99 since 12 feb 2025, If you click on the item, an error occurs.

 

click "Cricket"
Then, moved next image

 

I think there is a error in default tag-render.
Because when I used tag-render (include your demo page for MultiSelect used tag-render),
the error no longer occurs.

Please check tag-render in multiSelect
My pages can't use the multiSelect now...

And, I use multiSelect in v4.1.1, it was fixed, windows OS

 

Vessy
Telerik team
 answered on 17 Feb 2025
1 answer
25 views

Hi All,

     I tried following the tutorial https://www.telerik.com/kendo-vue-ui/components/wrappers-globalization/ to enable the internalization for my app.   As we all know, the default language is en-US  and I used kendo.culture("en-AU") to apply the new culture.  After it is done, when debugging, the new feature did apply to the DatePicker like this: (which is dd/MM/yyyy as the Australia Date Format)

However, I found the new feature did not apply correctly to the Filter feature in Grid Widget,  see the screenshot below: (which is still the US format)

In theory it can be applied correctly based on the tutorial.   May I ask the reason for this?   Much appreciated for the answer, thanks!

 

 

Filip
Telerik team
 answered on 30 Jan 2025
1 answer
31 views

Hello, 

I use last version of kendo vuejs editor with vuejs 3 . Paragraph / Font Size / Font familly do not do anything.

You can test it on your own documentation :   

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

Plamen
Telerik team
 answered on 21 Jan 2025
0 answers
49 views

I found the way to trigger the change event manually in jQuery but I need a way to access the widget in vue.  I am using an on screen keyboard (https://www.npmjs.com/package/simple-keyboard) to insert the values into the numeric textbox. I am struggling to access the widget to raise the change event. I am using the Vue Native Numeric Textbox. Below is how to trigger it using jQuery.

 <input id="numeric" value="123" />

  $("#numeric").kendoNumericTextBox();

var numerictextbox = $("#numeric").data("kendoNumericTextBox");
  function changeValueFromCode(){ 
    numerictextbox.value(40785);
    numerictextbox.trigger('change');
  }
Asheeqah
Top achievements
Rank 1
 asked on 17 Jan 2025
0 answers
39 views

How to automatically focus the input after clicking for in-cell Grid Editing like jquery

n/a
Top achievements
Rank 1
Iron
 asked on 16 Jan 2025
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
Iron
Krasimir
Top achievements
Rank 3
Iron
Iron
Iron
Shawn
Top achievements
Rank 1
Iron
Javier
Top achievements
Rank 1
Iron
Jean-François
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Iron
Krasimir
Top achievements
Rank 3
Iron
Iron
Iron
Shawn
Top achievements
Rank 1
Iron
Javier
Top achievements
Rank 1
Iron
Jean-François
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?