Questions on Kendo UI for Angular Forum

0 answers

459 views

Kendo Angular Context Menu Items are Not showing properly in the screen

While I am trying to open the Context menu item using Kendo-ContextMenu (right click on the content to open the context menu), the Items of Context menu are not showing properly. Some of the items are not showing in the screen. Please find the attached screenshot for the same.

Please provide the resolution for this issue.

ContextMenu

asked on 23 Aug 2022

1 answer

215 views

styling scheduler

Hi! Is there any way to add this in schedule grid? Vertical lines for open and closed hours.

Scheduler

updated answer on 22 Aug 2022

1 answer

168 views

Wildcard Filter with Parser

Can you give me a Example for this in a Angular Gird:

https://www.telerik.com/forums/wildcard-filtering-quot-and-quot-quot-or-quot-etc

Grid

answered on 22 Aug 2022

1 answer

120 views

[Solved] Visible stepper indicator outer circle/border when it is the current step

I need to visible this step outer circle/border when it is the current step not only focusing/clicking on it, Im using next button to go future steps

Stepper

Styling

answered on 22 Aug 2022

1 answer

138 views

[Solved] Proper way to highlight days on the calendar?

I can use the value but then when I click on the calendar it highlights only the day that was clicked... I don't want clicking on a value to highlight it.. I want the collection of highlighted dates to be left alone.. How would I do this ? And how can I control the css for example.. Make the dates in the collection highlight with a blue font ..

<kendo-calendar (valueChange)="onChangeCalendarFilter($event)" [value]="trainingDates"
selection="multiple"></kendo-calendar>
 
 
  //create array of date ranges from course dates
            for (let i = 0; i < this.trainingRequests.length; i++) {
                let startDate: Date = new Date(this.trainingRequests[i].sessionStartDate);
                let endDate: Date = new Date(this.trainingRequests[i].sessionEndDate);
                //create array of dates between start and end date
                for (var a = [], d = new Date(startDate); d <= new Date(endDate); d.setDate(d.getDate() + 1)) {
                    this.trainingDates.push(new Date(d));
                }
            }

Calendar

answered on 18 Aug 2022

0 answers

152 views

How to enabled / disabled kendo-menu items with json data

Hi,

Any one help me to bind kendo-menu items with enabled / disabled

My code:

 <kendo-menu [items]="toolbarItems" (select)="toolbarItemClick($event)">
            <ng-template kendoMenuItemTemplate let-item="item">
                <i [ngClass]="item.icon"></i>
                {{ item.text }}
            </ng-template>        
</kendo-menu>
 
this.toolbarItems=[
      {
        id:1,
        text:"New User",
        icon:"fa-regular fa-user-plus",
        isVisible:this.IsVisibleCreateUser,
        isEnable:this.IsEnabledCreateUser        
      },
      {
        id:2,
        text:"Update",
        icon:"fa-regular fa-pen-to-square",
        isVisible:this.IsVisibleUpdate,
        isEnable:this.IsEnabledUpdate        
      },
      
    ]
 

Menu

asked on 17 Aug 2022

0 answers

118 views

Possible bug in kendo-angular-scheduler

In the kendoSchedulerTimeSlotTemplate there's an argument date.
The kendo scheduler has an attribute starttime. We have defined it at 6:00:00
Slotdivisions is set at 4.
We falling back on the default date setting of the scheduler which is UTC.
We have noticed that the week and and day view is not giving an UTC date. For example with the setting 6:00:00. We will get the time 16/08/2022 10:00:00GMT+2. With the Timeline view we will get the correct value. 16/08/2022 8:00:00GMT+2

Scheduler

asked on 16 Aug 2022

0 answers

616 views

Column header and grid data is not aligned properly

For Kendo UI Angular the Kendo grid is having issue of column header and grid data not aligned properly. If anyone has resolution to this issue please let me know

Grid

asked on 16 Aug 2022

0 answers

109 views

NumericTextBox - Display number the way user entered it

I have a very specific requirement that among others, asks to let the user input the decimal numbers the way they want.

Example:

User input:
1 -> display as 1
1.00 - > display as 1.00

I know there is no default pattern for it, but I can't even listen to the event of ValueChange when the user types "1.0". There is an event for "1" but nothing for ".0"

NumericTextBox

asked on 15 Aug 2022

1 answer

553 views

[Solved] Enable disabled stepper step by a variable

Initially instead of first step other steps are disabled. I want to enable them by button click. tried as follows but step still disabled.

public steps = [
    {
      class: "step1",
      label: "API Setup",
      iconClass: "k-icon k-i-file-bac"
      
    },
    {
      class: "step2",
      label: "File Upload",
      isValid: this.isStepValid,
      iconClass: "myicon1",
      disabled : this.disableStep2
    },
    {
      label: "Review",
      isValid: this.isStepValid,
      iconClass: "k-icon k-i-file-txt",
      disabled : this.disableStep3
    },
    {
      label: "Finish",
      isValid: this.isStepValid,
      iconClass: "k-icon k-i-file-txt",
      disabled : this.disableStep4
    },
  ];

Stepper

Styling

answered on 15 Aug 2022