Questions on Kendo UI for Angular Forum

1 answer

80 views

Kendo Ui drilldown charts example is not working

https://www.telerik.com/kendo-angular-ui/components/charts/drill-down/

Error: src/app/dashboard/dashboard.component.html:20:23 - error TS7053: Element implicitly has an 'any' type because expression of type 'any' can't be used to index type '{ "Company A": { product: string; sales: number; }[]; "Company B": { product: string; sales: number; }[]; }'.

20 [data]="productData[company]"
~~~~~~~~~~~~~~~~~~~~

Charts

answered on 05 Oct 2023

1 answer

133 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

207 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

269 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

72 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

101 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

232 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

160 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

87 views

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

502 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