Telerik Forums
Kendo UI for Vue Forum
3 answers
219 views
Tool: Kendo Spreadsheet

Hello Kendo Team, 

I am having an issue when importing an excel spreadsheet to kendo Spreadsheet. Once I import my file I get the error in the console shown below and nothing shows up on the spreadsheet. I am not sure how to fix this error or even why it is appearing. I can share the file that I am uploading if needed. 

Thank you. 

Plamen
Telerik team
 answered on 23 Jun 2020
1 answer
191 views

I'm trying to add validation/formulas to an entire column except the first row. I found this thread to select an entire column:

https://www.telerik.com/forums/column-validation-20a85bc435da

 

The problem with the above method is that my spreadsheet is bound to a remote data source, so the first row is column headers. Is there a way to apply formulas and validation to all of the other rows except the first? Defining these cell-by-cell causes a big delay when the data is loaded.

Neli
Telerik team
 answered on 22 Jun 2020
2 answers
2.2K+ views

 

I was used some components for the project purpose, and am getting error in some components like " error: 'kendo' is not defined (no-undef) at src\components\History.vue:27:48: "

why this is happening in many times when I using the components, was am imported the import '@progress/kendo-ui' it  also, whats wrong happened here.. need help.

 

This is the one of flowing issue registered code

Module Warning (from ./node_modules/eslint-loader/index.js):
error: 'kendo' is not defined (no-undef) at src\components\History.vue:27:48:
  25 |         showStaticNotification: function() {
  26 |             var d = new Date();
> 27 |             this.staticNotificationWidget.show(kendo.toString(d, 'HH:MM:ss'));
     |                                                                          ^
  28 |         }
  29 |     },

1 error found.

takasji
Top achievements
Rank 1
 answered on 17 Jun 2020
2 answers
76 views

Hi!

I'm trying to override the CalendarWeekCell in the Calendar control for Vue.

My goal is really just to be able to receive a click-event when the user clicks a week-number.

 

I've checked this documentation: https://www.telerik.com/kendo-vue-ui/components/dateinputs/calendar/custom-rendering/#toc-cells-inside-the-week-column

but it seems wierd to register a global instance of a component just to be able to override this cell.

Is there any other way? Do you have an example?

Or, even better, would you concider exposing the on-click-event for the weeknumbers (typically used to select the whole week when the user clicks it).

 

Thanks!

 

Jon

 

Plamen
Telerik team
 answered on 15 Jun 2020
4 answers
263 views

Is there any way to detect mouse scroll event in Kendo Grid??

 

I read API document and tried the code below 

But nothing worked.

-----------------------------------------------------------------------

mounted () {

  document.addEventListener('click', someHandler)

 

     

}

-----------------------------------------------------------------------

 

Adding 'wheel' event works well inside Kendo Grid. However 'click' 

Veselin Tsvetanov
Telerik team
 answered on 12 Jun 2020
1 answer
228 views

We have a Kendo vue UI Grid column with Vue bootstrap Datepicker as a custom column.

When we click the calender icon it is partially showing inside the cell. I want it to be show as an popup outside the cell.

Below is the code snippet from the custom cell component

<template>

 <td class="cell-editable">
    <b-input-group>
      <b-form-input
        :value="aufValue | date"
        type="text"
        placeholder="tt.mm.jjjj"
        :disabled="!canEdit"
      ></b-form-input>
      <b-input-group-append>
        <b-form-datepicker
          size="sm"
          button-only
          :value-as-date="true"
          v-model="aufValue"
          locale="de-AT"
          :disabled="!canEdit"
        ></b-form-datepicker>
      </b-input-group-append>
    </b-input-group>
  </td>

<template>

right now it show like the attached screenshot:

Please suggest a solution for achieving the same.

Thank You

Veselin Tsvetanov
Telerik team
 answered on 10 Jun 2020
1 answer
129 views

When a I want to generate a production version, the next error is emitted by the compiler.

No overload matches this call.
  The last overload gave the following error.
    Argument of type 'ComponentOptions<InputAllMethods, DefaultData<InputData>, DefaultMethods<InputAllMethods>, InputComputed, RecordPropsDefinition<...>, Record<...>>' is not assignable to parameter of type 'ComponentOptions<Vue, DefaultData<Vue>, DefaultMethods<Vue>, DefaultComputed, PropsDefinition<Record<string, any>>, Record<...>>'.
      Types of property 'methods' are incompatible.
        Type 'DefaultMethods<InputAllMethods> | undefined' is not assignable to type 'DefaultMethods<Vue> | undefined'.
          Type 'DefaultMethods<InputAllMethods>' is not assignable to type 'DefaultMethods<Vue>'.
            Index signatures are incompatible.
              Type '(this: InputAllMethods, ...args: any[]) => any' is not assignable to type '(this: Vue, ...args: any[]) => any'.
                The 'this' types of each signature are incompatible.
                  Type 'Vue' is not assignable to type 'InputAllMethods'.

Nencho
Telerik team
 answered on 10 Jun 2020
4 answers
131 views

Hi

I have a question about scheduler's pdf export style.

I am using eventTemplate to show multiple lines of additional information in one event.

 

And when exporting to pdf, using .k-pdf-export to increase the font size of additional information in the event.

.k-pdf-export .k-scheduler .scheduler-info
 {
    font-size: 1.2em !important;
 }

 

And I added the code below to increase not only the font size, but also the height of the scheduler table and the height of each event.

.k-pdf-export div.k-event
 {
   height: 110px !important;
 }
 
.k-pdf-export .k-scheduler-monthview .k-scheduler-table td
 {
   height: 130px !important;
 }

 

As a result, the height size increased as desired, but the height gap between the events did not widen, resulting in an unnatural appearance (see attached file).

 

When exporting in pdf, how can I increase the font size, event height, table height, and the interval between events to be constant as I want?

It seems to me that I need to modify the "top" property(css style) of each event div in the scheduler.

Anyway, I would be grateful if you could tell me how to do it.

 

Plamen
Telerik team
 answered on 25 May 2020
6 answers
1.2K+ views

In my chart I am binding two series. On create of my component I build the series and bind to the kendo ui chart component. The series look like [{Price:xxxx, DateTime:xxxx}, {Price:xxxx, DateTime:xxxx}, {Price:xxxx, DateTime:xxxx} .... etc] . I set the series data by setting the chartSeries.data property. The chart displays correctly but I get this error:

TypeError: Cannot read property 'getTime' of undefined

 

Ivan Danchev
Telerik team
 answered on 15 May 2020
1 answer
2.5K+ views

Hi,

 

I have simple two questions. 

 

I'm comparing both Kendo Vue Native components and wrapper components to migrate from Kendo jQuery. 

 

Wrapper components

 

-> If I set :columnMenu="true", I can see a list of menus like sort ascending and it also has 'Columns' menu which shows or hides columns by checking or unchecking check boxes. 

 

However When I implement same components by using native components, the list doesn't show 'Column' menu. 

Can someone tell how to show the column menu???

 

And, if I already have license for jQuery, is it possible to get license for Vue without extra payment?? 

Ivan Danchev
Telerik team
 answered on 30 Apr 2020
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?