Using CustomEventTitleFormatter in a day view scheduler correctly.

Hi,

I am following this documentation: https://mattlewis92.github.io/angular-calendar/#/day-view-scheduler

---

What I would like to do:

Display a days schedule for all people and their events. The look and feel should be like the week view, where each day is nicely separated by table like borders. Also I would like to restyle the event title template. Which is usually possible by using a “CustomEventTitleFormatter”.

What is the problem

How to use the “CustomEventTitleFormatter” with the demo quoted above? The custom “DayViewSchedulerComponent” seems not to accept two providers or just doesn’t trigger the correct behaviour

Screenshots

How I assume the events should look:

How they actually look:

Versions

• @angular/core: 7.1.0
• angular-calendar: 0.26.6

[notsure]

Hi folks,

sorry for kept you waiting. I was on holiday and somehow my notifications didn’t send me an email…

here is a Link just add a CustomTitleFormatter to your component and you are ready to go.

https://stackblitz.com/edit/angular-dfnhq3

Notice:

1. Add a new file: “custom-title-formatter.ts”
2. Overwrite the desired functions.

• Note they need to return some string value

1. Include/Overwrite it in your component within the provider section.

Let me know if you got it working.

@tjoudeh @gauravtmavens

[gauravtmavens]

Hello @notsure can you please guide me how you were able to customize the title, I want to have something similar to your design, like to have a title on a line, then another line which shows more information about the event (event details.)

Thank you

Hi tjoudeh, I’m facing the same issue have you solved this issue if yes then please help me with this issue.

Thank you