Telerik Forums
Kendo UI for Vue Forum
0 answers
120 views

Hello

I add 

v-bind:alternate-rows="true" and also add cell template it not work combinely
ishani
Top achievements
Rank 1
 asked on 16 Aug 2023
1 answer
369 views
How do you configure the editor tool for foreColor and backColor to display color picker? Just as in this edit control?
Vessy
Telerik team
 answered on 15 Aug 2023
0 answers
129 views
I am developing a software in which I integrate the scheduler component for VUE. By default the hours associated with business /workday are set from 8 AM to 4 PM. My question is how can I change these same hours to, for example, from 9 AM to 6 PM?

This is my code 

<template>
  <div v-if="this.userRole === 'Admin' || this.userRole === 'Admin Client'">
    <Scheduler :data-items="sampleData" :default-date="displayDate" :views="views" :view="view" :editable="editable" :timezone="'Europe/Lisbon'" @datachange="handleDataChange" :form="'formRender'" :allDayEditor="'customAllDayEditor'">
      <template v-slot:formRender="{ props }">
        <customEditForm :task="props.dataItem" @selectedNormChange="handleSelectedNormChange" @responsiblesChange="handleResponsiblesChange" @cancel="props.onCancel" />
      </template>
    </Scheduler>
  </div>
  <div v-else>
    <Scheduler :data-items="sampleData" :default-date="displayDate" :views="views" :view="view" :editable="editable" :timezone="'Europe/Lisbon'" @datachange="handleDataChange" :form="'formRender'" :allDayEditor="'customAllDayEditor'">
      <template v-slot:formRender="{ props }">
        <customEditForm :task="props.dataItem" @selectedNormChange="handleSelectedNormChange" @responsiblesChange="handleResponsiblesChange" @cancel="props.onCancel" />
      </template>
    </Scheduler>
  </div>
</template>
<script>
  import '@progress/kendo-date-math/tz/Europe/Lisbon';
  import {
    Scheduler
  } from '@progress/kendo-vue-scheduler';
  import EditorForm from './FormEditor.vue';
  import {
    postCreateTask,
    putCreateTask,
    deleteTask,
    getTasksByAudit
  } from "../Services/tasksService";
  export default {
    name: 'Calendar',
    components: {
      Scheduler,
      customEditForm: EditorForm,
    },
    props: {
      selectedNorm: {
        type: String,
        default: null,
      },
      isNormObligatory: {
        type: Boolean,
        default: false,
      },
      userRole: {
        type: String,
        required: true,
      },
    },
    created() {
      let queryString = window.location.search;
      let urlParams = new URLSearchParams(queryString);
      if (urlParams.has('task')) {
        this.audit_id = urlParams.get('task');
        this.status = "Scheduler";
        this.place = "Scheduler";
        this.getData()
      } else {
        //ERRO mostar mensagem de erro generico.
      }
      this.displayDate = new Date(); // Update displayDate to current date
    },
    data() {
      return {
        view: 'day',
        valueProgressBar: 0,
        success: false,
        editable: {
          add: true,
          remove: true,
          edit: true,
        },
        views: [{
          name: 'day',
          title: 'Day View'
        }, {
          name: 'workweek',
          title: 'Week View'
        }, {
          name: 'month',
          title: 'Month View'
        }, {
          name: 'agenda',
          title: 'Agenda View'
        }, ],
        sampleData: [],
        displayDate: new Date(),
        formMode: '', // Propriedade para controlar o modo do formulário
        selectedNormValue: null, // Nova propriedade para armazenar o valor da norma selecionada
        isNormObligatoryValue: false,
        selectedResponsiblesValue: null,
      };
    },
    methods: {
      .... // defined methods
    }
< script >
Paulo
Top achievements
Rank 1
 asked on 02 Aug 2023
0 answers
150 views

Hi,

Is it possible to add an event to the tr element when replacing the rowRender function like in this sample https://www.telerik.com/kendo-vue-ui/components/grid/styling/#toc-rows

Specifically i would like to add the contextmenu event on the table-row. I know i could do it with slots but i dont want to render the cells manually.

Alex
Top achievements
Rank 1
 asked on 27 Jul 2023
0 answers
109 views

Hello,

When I am currently using the Grid Wrapper component, I will use the mouse to drag to select multiple rows of data (dragToSelect). After selecting multiple rows of data for the first time, when I think about dragToSelect for the second time, the data selected for the first time will be unselected. May I ask how to prevent the selected data of multiple dragToSelect from being cancelled?

Xiuwen
Top achievements
Rank 1
 asked on 24 Jul 2023
0 answers
95 views

Hi I'm currently using Kendo UI Wrapper Components in a Vue project.

When there are locked columns in the Grid component and there are many rows of data, use the scroll bar to slide quickly, the locked column part and the non-fixed column part will be misaligned. This problem also occurs when I try it in the official examples, the actual effect can be seen in the attached video. How to deal with it? Thanks!

Xiuwen
Top achievements
Rank 1
 asked on 21 Jul 2023
0 answers
229 views

I tried to export PDF with method in my project(using vue). But , the following error occurred.

ttf.js:50 Uncaught Error: Table loca not found in directory
    at Directory.readTable (ttf.js:50:1)
    at TTFFont.parse (ttf.js:1210:1)
    at new TTFFont (ttf.js:1202:1)
    at eval (core.js:267:1)
    at req.onload (core.js:246:1)

How can I solve this problem?

ma
Top achievements
Rank 1
 asked on 13 Jul 2023
0 answers
189 views

Hello,

We are using kendo vue native component Grid.

FilWe do have column filtration. We noticed that when we filter a column with string values from column filter, the search that is being done, is a startsWith. For our business purposes we want to change startsWith to Contains for example. 

Is there a clean way of doing this? Do you have any suggestions or examples?

Thanks

Daniel
Top achievements
Rank 2
Iron
Iron
 asked on 10 Jul 2023
0 answers
236 views

After upgrading vue wrapper components from 2022.2.621 to 2023.2.606 and @progress/kendo-ui from 2022.2.621 to 2023.1.425

and our native component from 3.3.3 to 3.11.0 we are getting an error Uncaught ReferenceError: jQuery is not defined

This literary stops us from working.

Is there any solution that we can try? Thanks!

Daniel
Top achievements
Rank 2
Iron
Iron
 asked on 07 Jul 2023
0 answers
139 views

I am wishing to use the Stepper component, where I have a Create and an Edit form (which share the same basic form), but one step is only valid during Edit, and not during Create.

Is there any way to mark a Step as hidden/not in use, without having to have two separate arrays of Steps, one with and one without the step I want to hide?

Garry
Top achievements
Rank 1
 asked on 05 Jul 2023
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
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
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?