Telerik Forums
Kendo UI for Vue Forum
1 answer
147 views

Hello,

I have a queastion. When I use DropDownList in Navtive components of Vue3, I want to filter with both data item key and text field.
but the method I found is only using one field.

The field properties of a DropDownList are strings or functions.
I need Array<string> like ['dataItemKey', 'textFiled']. Can I?

 

example :

data-Item-list = [
{text : 'A', value : 1},
{text : 'B', value : 2},
{text : 'C', value : 3},
{text : 'D', value : 4}
]

When I put 3, C is searched.
At the same time I put D, D is searched.

Konstantin Dikov
Telerik team
 answered on 27 Mar 2024
1 answer
127 views
In Vue, can a grid be exported as a CSV file?
Vessy
Telerik team
 answered on 21 Mar 2024
1 answer
69 views

Hi all,

could it be that the "Color Picker doesn't habe any translations?

Thank you for feedback

 

BR

Oliver

 

Vessy
Telerik team
 answered on 21 Mar 2024
1 answer
173 views
I see here https://www.telerik.com/kendo-vue-ui/colorpicker that the screen shot of the component shows there is a hex value being displayed.

I also see on the jQuery variant there is a parameter which you can pass to show hex instead of RGB. - https://demos.telerik.com/kendo-ui/colorpicker/rgb-hex

On the Vue version the prop for format is non existent. Is there a way to get the hex value to be displayed at all?

on another note is it possible to disable the Alpha slider at all?
Konstantin Dikov
Telerik team
 answered on 21 Mar 2024
1 answer
140 views

Kendo-Vue-grid vs Kendo-grid-Vue-Wrapper

What is the difference between the two as in what would be the scenarios in which one would be better than the other? I would like to understand in detail please.

Also prop 'GridColumn' is only available in the grid wrapper and not the native grid. What is the reason behind that?

Are there any components in Kendo UI for VUE that do not support Typescript?

Thanks for your time,
Hiba

Konstantin Dikov
Telerik team
 answered on 13 Mar 2024
2 answers
156 views

Hi,

Is it possible to initialize the grid (native) via the CDN service? I've only tried the grid wrapper in this way :(

Adam
Top achievements
Rank 1
Iron
 updated answer on 12 Mar 2024
1 answer
96 views

Hi,

I am using TypeScript and I am trying to display a grid in which three columns would be text and one column would be and image. How can insert a template for the fourth cell being and HTML image in each row? JSX is not enabled in my project so I need to come up with a solution using slots and props. I am using kendo-vue-grid and not the wrapper. My Grid.vue looks like this:

<template>
    <grid :data-items="imagesData.images"  :columns="columns"></grid>

</template>

<script setup lang="ts">

 import { ref } from 'vue';
import { Grid, type GridCellProps, type GridColumnProps } from '@progress/kendo-vue-grid';

    const customImageCell = (props: GridCellProps) => {
       return `<img src = "${props.dataItem}" alt="thumnailUrl" ></img>`       //if I log props.dataItem, its undefined
    } 

          const columns = ref([
                { field: 'name', title: 'Name' },
                { field: 'category', title: 'Category' },
                { field: 'artist', title: 'Artist' },
                { field: 'price', title: 'Price' },
                { title: 'Thumbnail', cell: (props: GridCellProps) =>  customImageCell(props) },
            ] as GridColumnProps[]);


</script>

My data looks like this

{
  "images": [
    {
      "id": 1,
      "name": "Multicolor Abstract",
      "category": "Abstract Art",
      "artist": "Artist 1",
      "price": 795.95,
      "numberSold": "567",
      "thumbnail": "/images/Abstract/AbstractArt1.jfif"

    },
    {
      "id": 2,
      "name": "Coral colors",
      "category": "Oil painting",
      "artist": "Artist 2",
      "price": 795.95,
      "numberSold": "567",
      "thumbnail": "/images/OilPaintings/AbstractOilPainting.jpeg"

    },
    {
      "id": 3,
      "name": "Forest",
      "category": "Landscape",
      "artist": "Artist 1",
      "price": 795.95,
      "numberSold": "567",
      "thumbnail": "/images/Landscape/ForestLandscape.jpg"

    }

}

Grid renders but the Thumbnail column just prints <img src = "undefined" alt="thumnailUrl" ></img>  as text.

I have verified that my data is available by printing it in console.log.

Help would be appreciated.

Thanks,

Hiba

Konstantin Dikov
Telerik team
 answered on 11 Mar 2024
1 answer
74 views

Hi!

I have a question.

I would like to mark Saturday in blue and Sunday in red.
The only information I have is the 'k-weekend' class that doesn't seem to distinguish Saturday from Sunday.

Is there a simple way to distinguish it?

 

 

I don't want to mess with props if possible.

 

 

 

 



Thanks for reply

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Vessy
Telerik team
 answered on 07 Mar 2024
1 answer
97 views
I have a multiselect (jquery wrapper) and I need to query when the multiselect value changes, so I bind with v-on:change, but the new value isn't there in the v-model.  If I select another item the state shows me the previous selection, it's like it's always 1 step behind?
Plamen
Telerik team
 answered on 05 Mar 2024
1 answer
114 views

Hello,

I am using all of Date Inputs, Native Components, Knedo UI for Vue.

In My project, I want to set Sunday, Monday , Saturday like first day in week according to the variable. How can I do that?

 

Thanks for reply.

Konstantin Dikov
Telerik team
 answered on 01 Mar 2024
Narrow your results
Selected tags
Tags
Grid
General Discussions
DropDownList
DatePicker
Editor
Grid wrapper
Scheduler
DropDownTree wrapper
Spreadsheet wrapper
Input
MultiSelect
Calendar
NumericTextBox
DateInput
DateTimePicker
Editor wrapper
Styling / Themes
DataSource wrappers (package)
Scheduler wrapper
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
Button
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
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
SpeechToTextButton
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?