Need an example of how to do something

mattlewis92 / angular-calendar

A flexible calendar component for angular 15.0+ that can display events on a month, week or day view.

https://mattlewis92.github.io/angular-calendar/

MIT License

2.73k stars 868 forks source link

Need an example of how to do something #319

Closed seigneur closed 7 years ago

seigneur commented 7 years ago

I'm submitting a ...

[ ] Bug report 
[x] Feature request
[ ] Documentation issue or request
[ ] Support request => Please do not submit a support request here, please ask on https://stackoverflow.com/

Bug description / Feature request

I am trying to create a week view along with time slots on the side see attached screen shot of full calendar.io example

screen shot 2017-08-30 at 3 26 45 pm

Currently, there is only an option to create a week view with no time on the side. Went through the documentation roughly, and did not get any ideas on how to implement this quickly with existing code. Is the best way to write a Custom Template for day view in this case?

Minimal reproduction of the problem with instructions

Versions

Angular:

Calendar library:

Browser name and version:

mattlewis92 commented 7 years ago

The way I would go about this is to build a completely separate week view component and use it in place of the one this calendar provides, rather than trying to hack something into a custom template which will probably cause more trouble than its worth as the UX deviates too much. When building this lib I intentionally split out some of the more generic parts that could help you build this though. You could use the calendar-utils lib to create the grid of times and the week days header. Then you could use this to make events resizable and this to make them droppable. The only complicated thing left for you to implement is the actual positioning of events on the grid. Hope that helps! 😄

ankitjs commented 6 years ago

@seigneur . Hi .. Were you able to solve this issue. I am still stuck in this one

seigneur commented 6 years ago

I used another library, but I think proceeding as suggested is a better approach.

On Mon, Feb 5, 2018 at 8:57 PM, Ankit Sharma notifications@github.com wrote:

@seigneur https://github.com/seigneur . Hi .. Were you able to solve this issue. I am still stuck in this one

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/mattlewis92/angular-calendar/issues/319#issuecomment-363077143, or mute the thread https://github.com/notifications/unsubscribe-auth/ABjO9NdRXHpntg0CNvAdeV2hxlTdKPHlks5tRvq-gaJpZM4PG-26 .