How to customize the editing task page for Gantt, like this
Hello,
I am attempting to implement the Kendo Vue Editor for text editing. All of the tools in the toolbar work great, besides the drop down options. Specifically: font size, font name, font color, format, background.
When highlighting text, they do not update. When making a selection in the drop down, nothing happens, and no events fire.
I have all needed packages installed that are listed on the getting started page https://www.telerik.com/kendo-vue-ui/components/editor/get-started/
I have tried:
Here is the component:
</template>
} from '@progress/kendo-vue-editor'
}
defineProps<EditorPropsExtended>()
const emit = defineEmits(['update:modelValue'])
}
]
Edit: Grammar, added component
Hey! We're trying to display events on the Scheduler Monthly view, but we cannot move it so we can see which day of the month it actually is.
We've tried editing the margins of the SchedulerViewItem
and that works, however, then we have a gap between each one of the events of the calendar, but we'd like just the first event to move down, just so we can see which day of the month it actually is.
Thanks!
Hello,
Spreadsheet how to get excel blob? Or print or export excel and upload the file stream yourself?
using ComboBox and a custom item render, the .k-animation-container is way off.
When you hit full screen on the browser it goes to the correct position.
I am using Kendo datetimepicker in a VueJS app.
Is there a way to display the Calendar and Time icons as below, but change the Time icon "click" to call a custom function?
I still want the calendar icon to work as normal. I just want the time icon to call one of my functions and not to display the time values.
We have the problem that the popup of dropdowns (DropDownList, ComboBox,...) are displayed in the wrong position. This only happens if the data is an object and the display property is a long text. As the drop-down list is moved to the left, the error disappears. How far to the left depends on how long the texts are.
Hi there, I was wondering if there is any exposed props or any way to change the way the default list items look when rendering.
What I am trying to achieve is each item showing a background color of the value of the data-item.
Essentially this
<combo-box
:data-items="sports"
>
<template #item="{ props }">
<div :style="`background: ${props.item}`">
{{ props.item }}
</div>
</template>
</combo-box>
Hi,
I'm using a DropDownTree with an applied filter, and it works well.
However, when you click on the drop-down tree, the dropdown doesn’t close. It does close when you remove the filter. Is this intended behavior or a bug?
http://https://stackblitz.com/edit/yqd6w4?embed=1&file=src%2Fmain.vue
Thanks,
Ziggy
Hello,
I want to append the DatePickerPopup to the div#app component in Vue, in order to style it and prevent some bugs, but I can't get it to work.
This is the Datepicker component, contains popupSettings:
<k-datepicker
:id="id"
ref="datepickerInstance"
v-model="dateObj"
:name="name"
:placeholder="''"
:popup-settings="popupSettings"
:label="labelText"
:required="required"
...
This is in <script> in data()
data() {
return {
popupSettings: {
animate: false,
appendTo: document.getElementById('app'),
popupClass: 'k-datepicker-popup-test',
},
animate and popupClass do work, but appendTo gives the following warning and doesn't work:
[Vue warn]: Invalid prop: type check failed for prop "appendTo". Expected String with value "[object HTMLDivElement]", got HTMLDivElement
Looking at the API documentation, appendTo needs a HTMLElement, am I missing something? Thanks