Too many events and buttons too far to the right [#1438062]

Hi Tim,

I took your FullCalendar session at DrupalCamp in Princeton this month. I really want to get Full Calendar working on my first Drupal site. I currently have two problems though.

Firstly, I realize that the Date module is coming in to play here but I can't figure out why my calendar shows the event 3x on on the three Fridays when I only want it to show once a day for three Fridays. I tried using repeat date and not using repeat date but no matter. It looks the same. I have included a screen shot.

Secondly, the fc-header and buttons expand beyond the calendar content when my screen is normal sized. I have included a screen shot for this as well.

Comment	File	Size	Author
	Full Calendar Screenshot Buttons.png	34.99 KB	Loube
	Full Calendar Screenshot Dates.png	31.43 KB	Loube

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

tim.plunkett

he/him

English

Philadelphia

CreditAttribution: tim.plunkett commented 13 February 2012 at 23:32

The buttons are generated by the plugin in a table (which is regrettable). You'll need some custom CSS to get them to not show up on one line.

One idea is to add all of the buttons into the center section, and do clear: left; on the ones you want on a new line.

The repeating events SHOULD be working. I'm sorry that you're having this problem.
Can you export your view?
Paste it into http://paste.pocoo.org and post the link here.

Comment #2

aspilicious CreditAttribution: aspilicious commented 15 February 2012 at 18:10

Do you need al the buttons? You can disable a few of them in the settings.

Comment #3

Loube CreditAttribution: Loube commented 15 February 2012 at 21:29

Hi Tim,

Regarding the repeating events problem, I exported the view and pasted it. Hope I did it right. Here is the link: http://paste.pocoo.org/show/551675/

As far as the CSS, would I be looking at the fullcalendar.theme.css in the Full Calendar Drupal module folder or the fullcalendar.css from Adam Shaw's jquery plugin?

Comment #4

Loube CreditAttribution: Loube commented 15 February 2012 at 21:48

Aspilicious,
That is something worth considering. Thank you for your suggestion.

Comment #5

tim.plunkett

he/him

English

Philadelphia

CreditAttribution: tim.plunkett commented 15 February 2012 at 21:52

Try removing the "Contextual filter" you have added in there, it shouldn't be necessary.

As for CSS, if you are going completely custom I would turn off jQuery UI from within the FullCalendar settings, which will remove a lot of the CSS you'll be fighting against. The customizations should go in your theme.

Comment #6

Loube CreditAttribution: Loube commented 16 February 2012 at 22:45

Tim,

I removed the Contextual filter and I still had too many events. But then I removed the sort criteria of Date and that fixed it.

I will work on the buttons next and I'll let you know how that goes.

Comment #7

Loube CreditAttribution: Loube commented 19 February 2012 at 23:07

Tim,

I turned off the jQuery UI and in the Calendar View, FullCalendar Settings, I rearranged the header items. Then I removed some buttons as aspilicious in post#2 suggested. Next I used the fullcalendar.css code added to my custom css theme code and changed the percentages for the header settings to what I show below. These things have helped keep the buttons from sliding off the calendar except in very, very enlarged computer screen view. Also it keeps the previous and next buttons from popping left and right when a month has more letters or less than a previous month.

So this works for me for now. At some point I may look into putting the Month in a row above the buttons to see how that goes.

Thank you for your help.

.fc-header-left {
width: 50%;
text-align: left;
}

.fc-header-center {
width: 25%
text-align: right;
}

.fc-header-right {
width: 25%;
text-align: right;
}