Customize appointments text

[omar errabaany]

Hello I have three questions please

Question 1:

I want to Customize text text of appointment for the moment default text is +1 plus / +2 plus ....
I wanna to set only the number without '+' and 'plus' ....

Question 2:

I want a vertical line of current day in timeline schedule with group 

I found an example here it shows automatic I didn't find any code that add it.

https://ej2.syncfusion.com/angular/demos/#/material/schedule/timeline-resource-grouping

but in my code it didn't appeared at all I can't find any way to add it

Question 3:

 I want to make the height of rows of the group and the cells  smaller and the besides the width of date (day) and work cells

[omar errabaany]

You can Ignore question 3  because  I managed to achieve it

[omar errabaany]

can someone help please

[omar errabaany]

it's been 5 days without any answer

at least say that you won't help and don't wait ........

[Hareesh Balasubramanian]

Hi Omar, 

Sorry for the late reply. 

Q1:  I want to Customize the text of the appointment for the moment default text is +1 plus / +2 plus. I want to set only the number without '+' and 'plus'. 

We have prepared a sample using dataBound event of the Scheduler to customize the more indicator text, which can be viewed from the following link. 

Sample: https://stackblitz.com/edit/angular-customized-more-event-text-scheduler-sample-fcpm3h?file=app.component.ts 

  public onDataBound(): void { 

    let moreEle: any = document.querySelectorAll(".e-more-indicator"); 

    if (moreEle.length > 0) { 

      for (let i = 0; i < moreEle.length; i++) { 

        let text = moreEle[i].innerText; 

        text = parseInt(text); 

        moreEle[i].innerText = text; 

      } 

    } 

  } 

Q2: I want a vertical line of the current day in the timeline schedule with the group. I found an example here it shows automatically I didn't find any code that adds it. 

We let you know that the current time indicator will be shown in current time by default which will update on every minute. This can be show/hide using the showTimeIndicator property of the Scheduler. 

UG: https://ej2.syncfusion.com/angular/documentation/schedule/timescale/#highlighting-current-date-and-time 

API link: https://ej2.syncfusion.com/angular/documentation/api/schedule/#showtimeindicator  

Kindly try the above solutions and let us know if this meets your requirement. 

Regards, 

Hareesh