Telerik Forums
Kendo UI for Angular Forum
1 answer
6 views

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?

Hetali
Telerik team
 answered on 27 Sep 2023
1 answer
8 views
2 answers
3 views
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.
Martin
Telerik team
 answered on 26 Sep 2023
2 answers
30 views

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.

Kamil
Top achievements
Rank 1
Iron
 answered on 22 Sep 2023
1 answer
15 views

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

Martin
Telerik team
 answered on 21 Sep 2023
1 answer
10 views
I am using kendo-daterange component. I need to apply background color for the week number column since weeknumber column is greyed out more .

My pesudo code below:
--------------------
Styles :
-------
.weeknumber-cell{
    color : red;
}
------
<kendo-daterange>
<kendo-daterange-popup>
  <ng-template kendoDateRangePopupTemplate>
<kendo-multiviewcalendar kendoDateRangeSelection [selectionRange]="range" [weekNumber]="true"
  (selectionRangeChange)="handleSelectionRange($event)">
  <ng-template kendoCalendarWeekNumberCellTemplate let-context="cellContext">
<span class="weeknumber-cell">{{context.formattedValue}}</span>
  </ng-template>
</kendo-multiviewcalendar>
  </ng-template>
</kendo-daterange-popup>
</kendo-daterange>
Manjunath
Top achievements
Rank 1
Iron
 updated answer on 20 Sep 2023
0 answers
16 views

Hello,

How can I export an html to PDF and open it in another tab or new browser? I'm trying to use the PDFExport Component but that seems to be working only to save the pdf file into the user's system.

Daniel
Top achievements
Rank 1
 asked on 19 Sep 2023
1 answer
14 views

Hello ,

Kindly Have issue with stacked bar when try to draw two items in chart  with specified with as the below  

<kendo-chart-series>
<kendo-chart-series-item type="bar" [stack]="{ type: '100%' }" [data]="[97]">
</kendo-chart-series-item>
<kendo-chart-series-item type="bar" [stack]="{ type: '100%' }" [data]="[7]">
</kendo-chart-series-item>

</kendo-chart-series>

the width of the first element is less than the second element as the below screen

Can Anyone help on that ?

 

Hetali
Telerik team
 answered on 19 Sep 2023
0 answers
14 views

Hello,

I have encountered an issue when I manipulate the array which I use for [nodes] in my kendo-treeview. When a new item is added to the array, or an old one is updated, they simply disappear from view. Since I knew that the array contained the new/updated item I eventually realized that it was in fact still being rendered in the HTML, just with the added "k-hidden" property - thus not being visible. 

I'm yet to figure out a good solution to this problem. I could in theory use ::ng-deep to disable the default behaviour of .k-hidden in the component, but then I can no longer use the filtering function as it relies upon being able to use k-hidden. 

How come the newly added or updated items in my array get the "k-hidden" property in the first place though? Here's an example of the code:

<kendo-treeview 
                  [nodes]="dataService.tables"
                  [filterable]="true"
                  [expandOnFilter]="{expandedOnClear: 'initial'}"
                  [textField]="['tableName', 'tableColumnName']"
                  kendoTreeViewExpandable
                  kendoTreeViewSelectable
                  kendoTreeViewHierarchyBinding
                  (selectionChange)="onTableClick($event)"
                  childrenField="tableColumns">
</kendo-treeview>

With dataService.tables being a simple "Array<Table>" which I occasionally push new objects to. (when I say update I mean replace the old item in the array with a new one, not simply changing fields on the item in the array)

Here you can see the difference between the elements as viewed through the browser console:

Apologies if this question has already been answered, or if I'm glossing over something obvious. I did some research but couldn't find anything.

Erik
Top achievements
Rank 1
 asked on 19 Sep 2023
1 answer
13 views

Why Kendo UI Angular combobox or dropdownlist items are displaying horizontally?

 

 

here is my code:

 <kendo-formfield>
          <kendo-label [for]="gender"
                       text="Gender"></kendo-label>
          <kendo-combobox #gender
                          formControlName="gender"
                          [data]="genders"
                          textField="text"
                          valueField="value">
          </kendo-combobox>
 </kendo-formfield>
Simeon
Telerik team
 answered on 18 Sep 2023
Top users last month
Bernd
Top achievements
Rank 5
Bronze
Bronze
Iron
kva
Top achievements
Rank 2
Iron
Iron
Iron
Jay
Top achievements
Rank 2
Iron
Iron
Veteran
Mark
Top achievements
Rank 3
Iron
Iron
Iron
Ruchika
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?