Telerik Forums
Kendo UI for Vue Forum
1 answer
123 views

It's possible to generate toolbar item based on array of object as below sample? I try but I hit v-for & v-if not allowed to use together.

[
  {
    id: 0,
    type: "buttonGroup",
    text: "group1",
    icon: "",
    enabled: "true",
    togglable: "false",
    overflow: "auto",
    items: [
      {
        text: "G1button1",
        icon: "",
        title: "button1",
        enabled: "true",
        togglable: "true",
      },
      {
        text: "G1button2",
        icon: "",
        title: "button2",
        enabled: "true",
        togglable: "true",
      },
    ],
  },
  {
    id: 1,
    type: "splitButton",
    text: "splitButton1",
    icon: "",
    enabled: "true",
    togglable: "false",
    overflow: "auto",
    items: [
      {
        text: "Insert above",
        icon: "insert-up",
        title: "Insert above",
        enabled: "true",
        togglable: "true",
      },
      {
        text: "Insert between",
        icon: "insert-middle",
        title: "Insert between",
        enabled: "true",
        togglable: "true",
      },
      {
        text: "Insert below",
        icon: "insert-down",
        title: "Insert below",
        enabled: "true",
        togglable: "true",
      },
    ],
  },
  {
    id: 2,
    type: "button",
    text: "Button1",
    icon: "",
    enabled: "true",
    togglable: "true",
    overflow: "auto",
    items: [],
  },
  {
    id: 3,
    type: "separator",
    text: "",
    icon: "",
    enabled: "true",
    togglable: "false",
    overflow: "auto",
    items: [],
  },
  {
    id: 4,
    type: "button",
    text: "Button2",
    icon: "",
    enabled: "false",
    togglable: "true",
    overflow: "always",
    items: [],
  },
]
Petar
Telerik team
 answered on 02 Dec 2021
1 answer
132 views

Hi,

I know the single Vue Grid can export to excel like this.
https://www.telerik.com/kendo-vue-ui/components/grid/excel-export/

And I also know Vue Grid can do master-detail template like this.

https://www.telerik.com/kendo-vue-ui/components/grid/custom-rendering/hierarchy/

 

So I want to know Can I export Vue Grid to Excel with detail template?

Thanks!!

Petar
Telerik team
 answered on 26 Nov 2021
1 answer
188 views

With Kendo-UI being more of a widget framework as opposed to a css framework, are there any recommended css frameworks out there that will suite kendo-ui? Looking for a material based css framework to handle layout/grid setup. Also looking for a Vue3 based framework, which unfortunately Vuetify is not at that level yet (still alpha).

I you have implements other css frameworks, were there any pitfalls/hurtles to get both frameworks working together? Issues like clashing themes/styles, build issues, etc.

As mentioned before, I predominantly need this css framework for the layout/grid setup, so technically I don't really need a 'full on' css framework as setups like simple grid or flexbox are probably all I need, buuuuuuut .... other css frameworks like Vuetify, Vue Material, Chakra, etc do have alot of other components that either aren't in kendo or are a bit more user friendly.

Petar
Telerik team
 answered on 19 Nov 2021
1 answer
124 views

Hi,

I  am using the kendo-datepicker and set it up as below.

 

<kendo-datepicker ref="datePickerFrom" :format="'yyyy-MM-dd'" v-model="from" :culture="local"
     :start="'month'" :depth="'month'" :max="to" :week-number="true">
 </kendo-datepicker>

 

I wonder on what basis the week number is calculated.

Please answer whether it follows the ISO standard or if there is another standard.

Petar
Telerik team
 answered on 11 Nov 2021
1 answer
248 views

Hi All,

i need to disable the input of an Editor control in my vuejs project but seems that Kendo-Editor do not have a property like contenteditable/disabled/readonly i prefer not to deal with a layer of some z-index div to workaround this needs.

Is there any way (like the one with jquery to set the contenteditable to false) to achive this?

 

Thanks a lot

Petar
Telerik team
 answered on 08 Nov 2021
0 answers
117 views
I have a similar problem, but it is not only forbidden to insert rows and columns, but also to modify fonts and colors (including table background colors). The table I want to export can only edit data.
Xingyu
Top achievements
Rank 1
 asked on 05 Nov 2021
1 answer
675 views

When a user enters trailing zeros I want the Numeric Textbox to keep them.

 

Here's an example of what I mean:

https://stackblitz.com/edit/kb6qcu?file=src/main.vue

Enter 17.00001, it keeps the decimals correct

Enter 17.00000, it removes all trailing zeros

Is it possible to configure the NumericTextbox to keep trailing zeros when the user explicitly enters them?

Petar
Telerik team
 answered on 01 Nov 2021
1 answer
202 views

I've basically took the example stackblitz from the dropdowntree wrapper:
https://www.telerik.com/kendo-vue-ui/components/dropdowntree-wrapper/checkboxes/

 

And I added:

<script src="https://kendo.cdn.telerik.com/2019.1.115/js/kendo.all.min.js"></script>

and 

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

https://stackblitz.com/edit/8ahikr?file=public%2Findex.html

Unfortunately, due to constraints, I can't upgrade the kendo.all.min.js bundle to 2021, or downgrade the jQuery version to 1.12.1


Is there a Kendo DropDownTree npm package version that works with both jQuery 3.5.1 and 2019.1.115 kendo.all.min.js? Or is this a bug that can be fixed?

Thanks in advance

Petar
Telerik team
 answered on 25 Oct 2021
1 answer
103 views
Does the VUE Spreadsheet component have a method to listen for upload events so that I can do other operations after the upload is successful
Plamen
Telerik team
 answered on 22 Oct 2021
0 answers
112 views
    • There is no way to control the fixed format of exported templates, other people cannot insert rows or insert columns, and changing font colors is not allowed

Top achievements
Rank 1
Iron
 updated question on 20 Oct 2021
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?