or
0 answers
393 views
Hello,
In my grid in the columns I put custom colum menu, so I can use directly the filters. The problem is that although everything seems to be working fine, when I click on on column filter it opens a popup, and when I click on one other columns filter it also opens a popup BUT does not close the previous one.
I ve seen examples where this functionality works, and some others that it does not. Is there a solution for when I open one columns filter popup to close all the others that is currently open?
Thanks
//This adds a custom template to my column menu
column.columnMenu = "CheckboxColumnFilterRender";
//This adds a custom icon and a custom color to my column header
headerClassName:"generic-filter-icon c-gray-600",
<templatev-slot:CheckboxColumnFilterRender="{ props }">
<NbGenericCheckboxesColumnFilter
v-if="gridDataReady"
:column="props.column"
:filterable="props.filterable"
:filter="props.filter"
:data-items="dataItems"
@filterChange="(e) => props.onFilterchange(e)"
@closeMenu="(e) => props.onClosemenu(e)"
@contentFocus="(e) => props.onContentfocus(e)"
></NbGenericCheckboxesColumnFilter>
</template>
0 answers
60 views
Hello, I'm trying to understand why the following lines of CSS are needed for the DropDownList (configured with filtering and custom height set via popup-settings) to work.
If I uncomment any of these CSS lines, the following unwanted behavior occurs:
1: scroll down a bit, like 100 or 200px so that the the DropDownList button is close the top of the viewport
2: click on the dropdown button
3: notice that the entire page scrolls to the top, almost as if the DropDownlist tried to open to top first but then mid-animation opened to the bottom.
Specifically the scrolling to the top of the page, is a behavior I'm trying to prevent.
Adding the extra lines of CSS is not a problem for me, however when the Vue app's mount target is nested, the unwanted behavior can be observed again. In the stackblitz you can demo this by nesting the mount target inside a <div>. Because my app's mount target is really deeply nested inside a DOM I don't think it's viable to add CSS styles to every wrapping element.
Is there a workaround for this? Thanks in advance
Vincent
Top achievements
Rank 3
Iron
Iron
Iron
Rank 3
Iron
Iron
Iron
updated question
on
16 Nov 2023
9 answers
661 views
How to define an custom grid edit template?
Petar
Telerik team
answered
on
08 Oct 2020
1 answer
231 views
I'm trying to add a custom class name to the DropDownList popup div like so:
Qtavuz (forked) - StackBlitz
But the custom class name isn't applied, while the custom width is. Is there a way to make this work?
Petar
Telerik team
answered
on
16 May 2022
1 answer
170 views
Hi, I have used Kendo UI for Vue for quite some time now. I noticed that Kendo Dropdownlist components have the PopupAppendTo props to bind the dropdown to the element in template, while majority of the other components do not have and ending up appended to the body-tag (outside of <div id='app'>).
I'm quite surprised to see this because Vue.js only has control over the <div id='app'> element and Vue.js recommends against using body-tag. Why don't other components have this props as well so that Vue.js has full control over the Kendo UI components?
Martin
Telerik team
answered
on
19 Aug 2019
1 answer
24 views
If i have a TimePicker with a date-input template then the popup will not lose focus and disappear when you click elsewhere on the page (on another control input for example). When i bind to the popup 'show' property and attach handlers to the 'blur' and 'iconclicked' events i can get the popup to hide but on clicking 'Set' on the popup the 'change' event is never raised and the TimePicker input is not updated with the selected time.
Konstantin Dikov
Telerik team
answered
on
22 Dec 2023
1 answer
129 views
As we are working vue3 with typescript, we are facing a lot of issues implementing the wrapper components as all the demos are available in JS.
Can anyone provide a sample demo of notification (using as a toaster) with typescript.
Find the attached SS of error.
Plamen
Telerik team
answered
on
19 Mar 2021
2 answers
531 views
I'm trying to have the Kendo DropDownList wrapper component expand to the viewport height so that there's a maximum amount of items on screen without having a scrollbar on <body>
I'm currently trying it with this approach but I'm wondering if there's a better way:
The main downside of this approach is that it relies on setting the 'height' prop to a number that is larger than the data source would take up when fully rendered. In this case a height of 999px won't work, while a height of 9999px will work. So when I set the height to 9999px I get the desired result but it feels hacky and I'm wondering if there's a better way.
Filembar
Top achievements
Rank 1
Iron
Iron
Rank 1
Iron
Iron
answered
on
04 Feb 2022
0 answers
75 views
Hi i want to ask about editor in native component like in this demo Link
so i have 2 problem so far when implementing editor.
first question is when i set value in v-model and load page, i can get value after load finish but i cant type anything in editor
this is my setup code :
<Editor
ref="editor"
:tools="tools"
@blur="saveResumePI('draft');setValueEditor()"
v-model="candData.mem_about_me"
/>
second question is that popup tools css like insert image or insert code looks broken when i open it
i upload screenshot for your reference about my second question
you can ask more detail if my question is confusing
thanks
Kenji
Top achievements
Rank 1
Iron
Iron
Rank 1
Iron
Iron
asked
on
02 Feb 2023
