Telerik Forums
Kendo UI for Angular Forum
0 answers
4 views

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


Ali
Top achievements
Rank 1
Iron
 asked on 18 Aug 2022
1 answer
5 views

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));
                }
            }
Yanmario
Telerik team
 answered on 18 Aug 2022
0 answers
2 views

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

Steffen
Top achievements
Rank 1
 asked on 18 Aug 2022
0 answers
3 views

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        
      },
     
    ]

 

Developer
Top achievements
Rank 1
 asked on 17 Aug 2022
0 answers
3 views

 

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

lahiru
Top achievements
Rank 1
 updated question on 17 Aug 2022
0 answers
3 views
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
Ruud
Top achievements
Rank 1
 asked on 16 Aug 2022
0 answers
9 views

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

Ramakrishnan
Top achievements
Rank 1
 asked on 16 Aug 2022
0 answers
6 views

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"

Bruno
Top achievements
Rank 1
 asked on 15 Aug 2022
1 answer
14 views

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
    },
  ];

Hetali
Telerik team
 answered on 15 Aug 2022
1 answer
7 views

In Week view of the Scheduler, event columns are out of alignment with the column headers on tablets/mobile.  It appears this is because of the difference in the way the scrollbar is rendered on devices vs desktop. 

To reproduce, go to the Overview demo at https://www.telerik.com/kendo-angular-ui/components/scheduler/, put your browser in Responsive Design Mode, and change the scheduler to Week view.  Oddly, Month view has the same problem in the demo, but it works fine in my app.  I only have the problem with Week view.

Martin
Telerik team
 answered on 15 Aug 2022
Top users last month
Toby
Top achievements
Rank 3
Iron
Iron
Benjamin
Top achievements
Rank 2
Iron
Veteran
Bernd
Top achievements
Rank 4
Bronze
Iron
Iron
minh
Top achievements
Rank 2
Iron
Iron
Iron
Sebastien
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?