is it possible to remove the timeslot in left pane in week view.
i want to place the appointments randomly in a day, since in day i can more than 30 appointments so just want to display it in a day. No need to consider the time factor.
remove time slot
Try use such css:
.fc-axis, .fc-time {
display:none;
}
Fiddle
Related
I have a lot muti-day events, but they overlays other events makes them invisible.
Day date also get covered by events.
Is this issue with calendar rendering or styles, any suggestions?
My expectations for this scenario that day cell should be expanded vertically to let all events to be placed one-by-one.
Found a problem in my UI kit which had custom styling for FullCalendar, day frame height has been locked by custom css.
.fc .fc-daygrid-day-frame {
height: 190px;
}
I use fullcalendar v2.7.3. I want to show the left time grid on the top and the day grid at left which show on the top Please refer the screenshot.
As the view changes, I'd like to update the scrollTime. For example: if I have events that start at 10AM one day, but 6PM the next, I'd like to have that first event in focus. I've tried:
viewRender: function(view, el) {
view.options.scrollTime = someNewTime;
}
It doesn't update the scroll position. Interestingly if I change the view a few more times, eventually it does seem to change the scroll position.
Do I need to force a re-render or is there another way?
Here's a codepen showing the behavior.
https://codepen.io/noynek/pen/EvvVLW
Is it possible in fullcalendar to align some event box to the bottom instead of the default normal top align in the month view?
The idea is to have some events aligned up and others aligned down. (Important events up, less important events down (even in the same day)).
Thanx in Advance...
Attorn
The way I would handle it is to make sure that you have your two event sources in the order that you want them to display. AKA. Google 1 then Google 2....
Then I would assign a className: object to the top source and add a css margin-bottom:15px to the className that you gave the source. This will separate the two sources as I think the goal is to do.
I am creating a scheduling application that displays when projects throughout a semester occur. Currently, when the application starts up, the user is shown todays date as the first date, and then the next 13 days follows it. In order to view past or future projects, the user is able to click a button or select a date from a calendar feature. Once one of these buttons is selected, or a date from the calendar is selected, I have a function to actually shift the x value of each and every project over by a certain number of days (the difference in days between the first date currently being displayed, and the newly selected first date). Depending on how many projects are in the semester, this method can be quite timely (upwards of 5-8 seconds).
What I would like to do is this: have the horizontal scroll bar on the bottom of the screen and allow the user to simply scroll to any date of their choosing. Currently, this is what my wrapper canvas declaration looks like:
<mx:Canvas id="mainWrapper" width="100%" height="100%" y="119" verticalScrollPolicy="on" horizontalScrollPolicy="off">
If i set the horizontalScrollPolicy to "on" then I'm given no scroll bar because the canvas width is set to 100% of the screens viewing area. If I set the width to be the width needed to enclose all of the projects than the user will most likely not be able to see the scroll bar.
So my question is this. Is there a way, I can have the width of the canvas be much much larger than my screen's width, and still have the horizontal scroll bar only be the width of the screen? I've made a picture to help illustrate what I'm trying to say (since I'm not always the most clear while explaining myself)