Questions on Kendo UI for Angular Forum

1 answer

239 views

Kendo MultiView Calendar -Is there any event on click while selecting on week number

I am using kendo Multiview calendar .I am expecting that when I click on any of the Weeknumber, complete week should be selected . Kindly help on this . Is there any click event available ?

DateRange

MultiViewCalendar

answered on 04 Oct 2023

1 answer

302 views

Kendo MultiView Calendar -I need to make the weekDay starts from Monday

I am using kendo Multiview calendar . Current implementation is the start day of the week is from Sunday.
I need to make start day of the week as Monday .Kindly help on this

My sample code :

<kendo-daterange>
<div class="row">
<div class="col-md-6">
<kendo-floatinglabel text="Start">
<kendo-dateinput kendoDateRangeStartInput [min]="minDate" [(value)]="range.start"></kendo-dateinput>
</kendo-floatinglabel>
</div>
<div class="col-md-6">
<kendo-floatinglabel text="End">
<kendo-dateinput #endDateInput kendoDateRangeEndInput [max]="maxDate" [(value)]="range.end"></kendo-dateinput>
</kendo-floatinglabel>
</div>
</div>

<kendo-daterange-popup>
<ng-template kendoDateRangePopupTemplate>
<kendo-multiviewcalendar kendoDateRangeSelection [selectionRange]="range" [weekNumber]="true"
(selectionRangeChange)="handleSelectionRange($event)">

<ng-template kendoCalendarWeekNumberColumnTemplate let-context="cellContext">
<span class="weeknumber-cell">{{context.formattedValue}}</span>
</ng-template>
</kendo-multiviewcalendar>
</ng-template>

</kendo-daterange-popup>
</kendo-daterange>

DateRange

MultiViewCalendar

answered on 04 Oct 2023

0 answers

413 views

Configure TabStrip appearance

I'm now finding a way to customize the appearance of TabStrip in our app.

As defined in Kendo default theme, the TabStrip was defined with a border roundness by default and this behavior affects both the border of the tabstrip and closable buttons. I concerned if there's a way to configure the TabStrip roundness which works as button's roundness: https://www.telerik.com/kendo-angular-ui/components/buttons/button/appearance/#toc-roundness

Thanks in advance.

TabStrip

updated question on 04 Oct 2023

1 answer

132 views

kendo combobox

i am using a kendo combox dropdown for my angular project where i am using [kendoDropDownFilter]="filterSettings" on the dropdown, but when i am searching the filter and selecting from it , it always select the 1st option but when i remove this property it stop searching. find a way to solve the issue, so that if i type and select it should select the option i selected not the 1st option on the list.

ComboBox

answered on 03 Oct 2023

0 answers

180 views

How to change color of stroke? Kendo Angular Chart

    <kendo-chart [categoryAxis]="{ categories: categories }">
      <kendo-chart-series-defaults type="bar">
        <kendo-chart-series-defaults-labels format="c">
        </kendo-chart-series-defaults-labels>
      </kendo-chart-series-defaults>

      <kendo-chart-series>
        <kendo-chart-series-item [data]="salesData"> </kendo-chart-series-item>
        <kendo-chart-series-item [data]="purchaseData">
        </kendo-chart-series-item>
      </kendo-chart-series>
    </kendo-chart>

Charts

asked on 02 Oct 2023

1 answer

348 views

Add tooltip to DrawerItem

I am using the kendo-drawer component at the left side of a page. When the drawer is collapsed, only the icons are visible. At this time I would like to show tooltips over the icons.

I am using the 'items' attribute of Drawer to specify the items. However I do not see any attribute for tooltips in the docs for https://www.telerik.com/kendo-angular-ui/components/layout/api/DrawerItem

Is there anyway this can be achieved?

Drawer

answered on 27 Sep 2023

1 answer

254 views

Slider doesn't correctly react to the container width change

https://stackblitz.com/edit/angular-rcnrso?file=src%2Fapp%2Fapp.component.ts

Slider should resize to fit the container.

Slider

answered on 26 Sep 2023

2 answers

128 views

[Solved] 2 line kendoMultiSelectItemTemplate with Virtualization.

Hi all.
There is a large array of data, so I use virtualization.
The element needs to have 2 lines; if I do this, the styles break.
https://stackblitz.com/edit/angular-rgcbjk?file=src%2Fapp%2Fapp.comComponent.ts
Moreover, if you remove virtualization, everything is ok.

MultiSelect

answered on 26 Sep 2023

2 answers

768 views

Remove arrow from

How to remove this arrow from kendo-dropdownlist/DropDownListComponent in Kendo UI for Angular? I have tried provided solutions for older version of kendo, but it doesn't work in kendo 11.6.0 and later.

DropDownList

answered on 22 Sep 2023

1 answer

211 views

Scheduler isAllDay flag

Hello Kendo community!

I hope you're all doing well. I'm currently working with the Kendo Angular Scheduler, and I have a question regarding the "isAllDay" flag in the SchedulerEvent object.

I've been trying to set the "isAllDay" property to false for certain events to indicate that they are not all-day events. However, I've noticed that this property seems to be getting overwritten or not behaving as expected.

Despite explicitly setting "isAllDay" to false, I'm encountering issues where it appears to be overridden each time the event is longer than 24h.

I've reviewed the documentation, but I couldn't find a solution. Has anyone else experienced a similar issue, or is there something I might be missing in my configuration?

Any help or insights would be greatly appreciated. Thank you in advance for your assistance!

Best regards,

Damian

Scheduler

answered on 21 Sep 2023