Telerik Forums
Kendo UI for Angular Forum
1 answer
826 views

Right now, the selected item's background is orange in the popup that's shown when we click on the drop down list, but I want to change it to blue, for instance. What is the style that I can apply. I have tried using css classes, popupsettings, etc. but to no avail. 

For instance, 

In the image above, I would want the colour of "Los Angeles" to be set to something else. Please advise. 

Martin Bechev
Telerik team
 answered on 09 Sep 2024
1 answer
57 views

Hello everyone,

I'm currently working on implementing a Kendo UI Calendar in our project. However, I encountered an issue with the design output.

Expected Output: (Refer to Image 1 below)

Actual Output: (Refer to Image 2 below)

Despite using the same code, the output doesn't match the design we expected. The first image shows the correct design we're aiming for, while the second image reflects what we currently see.

In addition to the design issue, I need to bind dynamic colors to the year view of the calendar. These colors will be fetched from an API. However, I'm unsure how to correctly implement this.

Has anyone encountered similar issues or has experience with binding dynamic colors in Kendo UI's year view? Any guidance or code examples would be greatly appreciated!

Martin Bechev
Telerik team
 answered on 09 Sep 2024
0 answers
60 views
I have several panelbars with tabstrips nested inside them, and nested inside other content on the left side of a page.   When I scroll down the page until a set of tabs are near the top, and select a tab, that whole side of the page scrolls back upwards so that the tabs are around the middle to bottom of the screen.  Is there some setting I'm missing to prevent scrolling on tab selection?
Software
Top achievements
Rank 1
Iron
 asked on 06 Sep 2024
1 answer
62 views

I'm working with the Kendo Scheduler and need help displaying different types of leave requests with specific background colors. For example, if an employee applies for a "Sick Leave," I want the event to appear with a specific background color in the Scheduler across different views (Year, Month, and Day).

Is there a way to dynamically apply these colors based on the leave type, so that each leave type (e.g., Sick Leave, Casual Leave, Privilege Leave) has a distinct background color in all views?

Any guidance or code samples would be greatly appreciated.

Thanks in advance!

Svet
Telerik team
 answered on 06 Sep 2024
1 answer
128 views

Hi.

The default behavior of pressing ctrl + z is to undo the last character entered. But if you enter several letters in kendo-textbox and kendo-textarea and press ctrl + z, all the entered letters are undo.

However, kendo-autocomplete or kendo-combobox only undo the last character when pressing ctrl + z.
How can I return the default undo behavior for kendo-textbox and kendo-textarea (undo only the last character entered)?

Thanks.

angular 17.3.7

kendo 16.4.0

 

Zornitsa
Telerik team
 answered on 04 Sep 2024
2 answers
92 views

This issue can be replicated in kendo website.

Below steps are

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-menu/

 

  1. Filter button is disabled by default.
  2. 2.  Upon entering number, it takes a moment to enable Filter button and when there is a decimal entered before it removes the decimal when enabling Filter.

    3. Updated fine when I enter decimal after the filter button is enabled for the number entered already.

     

Hetali
Telerik team
 answered on 03 Sep 2024
1 answer
118 views

Hi,
I want to add a custom input text for filtering the items of a combobox in Angular
I tried to add but the text box seems not focusable. Even if I try to manually focus on it with extra code the user cannot select the text from the text box. 
Is it supported? Can I somehow implement it?

<kendo-combobox
      #kdropdownlist
      kendoInputFocusBehavior
      [size]="dropDownSize"
      rounded="medium"
      fillMode="outline"
      [data]="listItems$ | async"
      [clearButton]="false"
      [valuePrimitive]="true"
      textField="description"
      valueField="value"
      [virtual]="true"
     
   >
      <ng-template kendoComboBoxHeaderTemplate>
         <input type="text" class="combobox-filter-input" [placeholder]="placeholder" />
      </ng-template>
      <ng-template kendoPrefixTemplate> </ng-template>
      <ng-template kendoComboBoxItemTemplate let-dataItem>
         <ng-container [ngTemplateOutlet]="showMoreFields ? moreFields : noMoreFields" [ngTemplateOutletContext]="{ listItem: dataItem }"> </ng-container>
      </ng-template>
   </kendo-combobox>
</div>
<ng-template #noMoreFields let-listItem="listItem">
   {{ listItem.description }}
</ng-template>
<ng-template #moreFields let-listItem="listItem">
   <span class="fx-flex fx-layout-row select-m-column">
      <span *ngFor="let field of listItem.moreFields" [class]="getItemWidthFlexClass(optionFieldWidth)" class="optionFieldWidth-items-style">
         {{ field }}
      </span>
   </span>
</ng-template>

 

Thank you

 
Zornitsa
Telerik team
 answered on 03 Sep 2024
1 answer
51 views
Hi! My question is the following: I am informing myself about everything that Progress ThemeBuilder allows to do in conjunction with its plugin in Figma. I wanted to know if there is a way to export the components made by oneself and those that are already by default in Progress ThemeBuilder to Figma along with their tokens to be able to design everything from there.
Petar
Telerik team
 answered on 02 Sep 2024
1 answer
631 views

Hi,

I am using Kendo Grid in angular. I've requirement for adding a checkbox to each row grid as well as "Select All" checkbox. Upon loading, I also have to "disabled" or "checked" checkboxes programmatically. I was able to achieve this using below "kendo-grid-checkbox-column" markup. However, the issue is with "Select All" checkbox, it doesn't select-deselect any check boxes upon clicking on them. I am not sure if I am missing anything here and appreciate any help on this. Below is the screen-shot of my grid, as you can see "Select All" checkbox is checked but it isn't selecting any checkbox, 2 checkboxes which are "disabled" and "checked" are set programmatically on loading.

 

Below is is "kendo-grid-checkbox-column" mark-up I am using, I also tried "kendo-grid-column" template but no success.

    <kendo-grid-checkbox-column [width]="40" [showSelectAll]="true">
        <ng-template kendoGridHeaderTemplate >
            <input type="checkbox" KendoCheckBox kendoGridSelectAllCheckbox/>
        </ng-template>        
        <ng-template kendoGridCellTemplate let-dataItem>
            <input type="checkbox" KendoCheckBox [disabled]="dataItem.isMapped" [checked]="dataItem.isMapped" />
        </ng-template>        
    </kendo-grid-checkbox-column>
Zornitsa
Telerik team
 answered on 02 Sep 2024
0 answers
94 views
How to add the the dropDown List in Angular Spreadsheet 
Kiran
Top achievements
Rank 1
 asked on 27 Aug 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?