Telerik Forums
Kendo UI for Angular Forum
1 answer
145 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
175 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
181 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
268 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
259 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
1 answer
185 views

I noticed that when using the kendo-pdf-export wrapper if I had elements using linear-gradient for background, it would not export the background.

For example I had some elements that where using a hashing background.


Andrei
Top achievements
Rank 1
Iron
 answered on 18 Sep 2023
0 answers
152 views
I would like the value 0 to always be visible in the graph as a reference.

How can I do?
Tera
Top achievements
Rank 1
Iron
Iron
 asked on 18 Sep 2023
0 answers
121 views
I have a Kendo Date Picker for AngualrJS and I would like to color the individual day cells for a given day within the month.

How do I do that?

I see the Angualr solution with ng-template, but how do I do that in AngualrJS?
Clint
Top achievements
Rank 1
Iron
Iron
Iron
 asked on 14 Sep 2023
0 answers
159 views

I am using the kendo tabstrip with several tab items. But it is not possible to use touch and drag to scroll vertically on mobile devices ?
There is only an option for mouse scroll, which does not work smoothly in general. 
I have tested the examples here https://www.telerik.com/kendo-angular-ui/components/layout/tabstrip/scrollable/ and when I try to use the mouse scroll it is not working perfectly. 

Jennifer
Top achievements
Rank 1
 asked on 14 Sep 2023
1 answer
454 views

Hey there,

I'm currently developing a web app and making use of KendoUI, with a specific focus on the KendoTooltip component. However, I'm facing an issue when trying to use it with a native HTML5 dialog. The tooltip doesn't seem to display above the dialog.

Update: I just realized, that all components using KendoPopup are affected. So when I open a dropdown it's hidden in the background as well.

It's worth noting that the native HTML5 title attribute works just fine in this scenario.

I've even forked one of your examples to demonstrate the problem: Tawij7 (forked) - StackBlitz

If anyone has insights or suggestions on how to make the KendoTooltip work seamlessly with native HTML5 dialogs, I'd greatly appreciate your help!

Thanks in advance!

 

 

Simeon
Telerik team
 answered on 13 Sep 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?