Is it possible to show the events one below the other like the image?i want view week with events vertical order
sorry my English is not perfet
No, it is not possible without editing the source code of fullcalendar.
The best you can do is set eventOverlap: false so that users at least cannot drag and drop the events to have the same time.
You can also try fullcalendar's scheduler plugin which will do almost the same. Search the documentation for vertical resources layout.
Related
I'm using fullcalendar to show events from a JSON string. There are two separate events over the same time period. As seen from the screenshot half way down the rendering swaps sides.
How I can avoid it?
Your events should have an ID. Sort the events by ID, and they should display correctly.
Ends up to resolve the issue if there are multiple events colliding on the same timeslot, i just add 1 second to the time and it renders them correctly. No matter what I did with the ID's it didn't work.
I have a fullCalendar plugin connected to Google Calendar and it shows all days, including days that don't have an event. I need it to show just days with an event. Is it possible?
I can't give a full answer since I am still chewing on this myself, but you might has well know what I've done. I work in a custom basic Day view called vertWeek, which looks like an agenda view. In dayRender, I have tried looping (.each) over fc-row and using freight trains of .has and .hasClass to try to hunt down those rows that have a td cell with .fc-container-event. The existence of this should be enough but no matter what I try I can't isolate a specific day-row. All rows get a green border or in the negative they get a red border.
I know my each works coz if I use .html on the index each row prints out its index number neatly. I don't have code handy, am away and tired, but go look for a post about squishing box calendar rows without events in them to get a gist of my efforts.
Hope this helps.
I want to make three changes to the fullcalendar Agenda view.
Remove start time from events, essentially I just want to display the title in each slot.
Change the height of timeslots, I have tried adjusting the contentHeight but that had no apparent effect.
Show 30min slots on Y-axis, I know about axisFormat option but it still only displays the full hours.
If anyone can give me any suggestions on how to accomplish these 3 changes?
Fullcalendar have rich callback set to configure:
You should use eventRender to modify it (hide title in already constructed is best way of it). Do not try construct new element and replace original
The same eventRender where you can add CSS or class and then change per event or direct from CSS
Agenda view does not have time slots at all, it is time-ordered list which does not represent proportion of time-lenght between events. If you wan't time based view, then try singe day view and set slotDuration as close as you want, even on the fly with buttons or keybind. + when setting slotDuration, if you wan't support adding events, change also snapDuration
I have added a hack/add-on to allow me to limit the number of events which can appear on the Full Calendar plugin. This is where I have got the code from. https://github.com/lyconic/fullcalendar/tree/view-more
However, whenever I change the month or day the view more button moves and is hidden behind an event. Its really annoying and I don't know how to fix it.
Any advice?
I am using full calendar in a new web app and have ran into a problem once we deployed. On the Agenda view with the all-day slot enabled the all-day slot expands as events are added. this did not present any issues during our initial test but we have ran into a problem with many events. The all-day slot continues to expand eventually making the agenda view disappear or be too small to be functional. Is there a work around to add a scroll bar to the all-day tab or set a min height for the agenda view? I have tried everything I can think of and have been unable to get anything to work. Please see attached screen shot from the calendar test files.
While you can restrict the size of the all day section my modifiying it's class. The events themselves are positioned by absolute x - y coordinates on the page and aren't actually inside the all day section at all, so scrolling that box would be pointless anyway.
I'd say without modifying the source considerably this is not possible.
I'm not sure what you mean by setting a min-height?