FullCalendar - How can I increase space between timline hours? - fullcalendar

I'm using this basic example http://fullcalendar.io/js/fullcalendar-scheduler-1.3.2/demos/theme.html
Wanted to increase size between timeline hours, so if I have 20min event then title dont show up fully
any suggestions ? thanks

You don't need to do anything with the default calendar settings. If an event is less than the 30-minute slot, it will occupy only a part of this slot.

ended up increasing width of this class
.fc-timeline .fc-head .fc-cell-content .fc-cell-text {width: 400px;}

Related

Fullcalendar Scheduler timeline view doesn't change the Slot's width

I'm trying to custom the Scheduler to make the slot larger but when I apply the width it doesn't work, curiosity the height do.
e.g
Someone know how to make it?
resourceAreaWidth: "13%", // Determines the width of the area that
contains the list of resources.
this one work for me in V5.

QSlider makes unnecessary steps

I am trying to use a QSlider, but if somebody clicks on a position X, where he wants to put the slider to, the slider always sets the value to maximum or minimum at first and then to the value X. So there is an unnecessary step in-betweeen.
How can I avoid this step?
I implemented the slider with the help of QTDesigner.
The code for the remaining setup is the following:
_ui->horizontalSlider->setRange(1, aMaximalValue);
_ui->horizontalSlider->setValue(theCurrentValue);
connect(_ui->horizontalSlider, SIGNAL(valueChanged(int)), this, SLOT(onValueOfSliderChanged(int)));
When using a QSlider, my experience says that when you click at a certain position in the slider which is to right of current position(considering horizontal slider), it will increase slider value by pageStep size. Similarly, if click value is to left of current position, it will decrease slider value by pageStep size. Only when you drag the slider to that place, it will set the value to what you want and not on clicking. Try setting the pageStep size to see if this is the issue.
Yes, just like shubh explained, the pagestep is probably too large. A common issue with QSliders is that they do not jump to the position you have clicked, but move a pagestep in that direction.
A solution to that problem has been described in this question

FullCalendar Event has too much top/bottom padding around the event time/title

I am new to FullCalendar, downloaded and added to a php project. Added an event (hardcoded) as per the examples and it shows great except, the height of the event is so tall. It looks like there is padding above and below the text, nothing like all the examples I have seen where the events are nice thin blocks.
I have researched and found code to lower the height of the events but, when I do this it cuts off the bottom of the event time and title.
For example, I added .fc-event { height: 1em; } and it makes the events look more the all the examples BUT as I mentioned, it only cuts the event bottom and cuts off the bottom of the time and title (cannot read the event).
Here is a link to images http://snappdf.tumblr.com/
Using .fc-event changes the CSS for all events on your calendar. You might prefer using the className attribute of the event instead. This way you can customize individual events without impact.
Also, please post some code or better a jsfiddle to better understand the problem.

How to increase the height of interval in fullcalendar

I want to increase the height of interval in full calendar , my events would be 15 minutes slots .But for now its very small section,really not able to see it clearly .I've tried with css,but not worked out.Anybody can help ?
Just play with contentHeight option to adjust for your needs.
See on this jsfiddle example a contentHeight of 2500px and slotMinutes of 15.

Can i adjust the height of the day view in FullCalendar?

I am trying to restyle a instance of FullCalendar so that the day and week views run the entire height of the web page. i.e. I do not want a scrollbar to view the entire day. I tried removing overflow and the fixed height but that doesn’t work.
Is it possible to do this?
You can change the slotMinutes when creating the chart http://arshaw.com/fullcalendar/docs/agenda/slotMinutes/
and then you can adjust the content height to fit it all in there with this
http://arshaw.com/fullcalendar/docs/display/contentHeight/

Resources