Spiffy Calendar
Welcome to the home page for the Spiffy Calendar WordPress plugin
A full featured, simple to use Spiffy Calendar plugin for WordPress that allows you to manage your events and appointments and display them to the world on your website.
|
|||||||||
| Sunday | Monday | Tuesday | Wednesday | Thursday | Friday | Saturday | |||
1 | 2 | 3 | 4 | ||||||
5 | 6 | 7 | 8 | 9 | 10 | 11 | |||
12 | 13 | 14 | 15 | 16 | 17 | 18 | |||
19 | 20 | 21 | 22 | 23 | 24 | 25 | |||
26 | 27 | 28 | 29 | 30 | 31 | ||||
| Category Key | |
| General | |
hi! just wanna say I’m using your calendar right now and it’s pretty awesome!
Loads fast too!
Just a question though is it possible on the image section to just give a direct url hotlink instead of uploading the picture? say for example the image is already uploaded in my website.
That isn’t possible, you need to upload another copy of the image. This way the image is tied with the event entry and will be deleted when the entry is deleted.
Hi,
While test driving Spiffy Calendar I noticed that the [spiffy-minical] shortcode displays the same time for start and stop when you hover over an event.
Thanks,
Dan
Right you are! I have released version 1.0.3 which contains a fix.
Nice plugin! I’m using IE9, and at the top of the calendar (where you can change the month and year then hit ‘go’) the 3 at the end of ’2013′ is covered by the dropdown arrow. Any fixes? I’d like to see the entire year. Thank you.
Hi Mike,
Your font is larger so you need a wider year box. This is easy to fix by adding a line to your Spiffy Calendar CSS. On the Spiffy Calendar > Calendar Options page edit the “Configure the stylesheet for Calendar”. Find this entry:
.calendar-date-switcher select {border:1px #D6DED5 solid;
margin:0;
}
and add one line:
width: 75px !important;90px ended up being the magic number. THANK YOU, Bev!
Hi again,
How would I configure the hover window to display the event category? Also, in IE9 the day ( Monday, Tuesday, etc.) column headings wraparound. Thanks in advance for your help. Dan
Ignore my previous request.
I’d like to be able to display the Event Category in [spiffy-calendar] directly rather than in the hover over popup. Hope that makes sense. Also, I’d still like to solve the headings wraparound in IE9. Thanks once again! Dan
Hi Dan,
The event should display in the category colour if you turn on “Enable event categories?” on the config settings page.
For your headings issue, I am sure you can adjust the stylesheet (also found on the config settings page) to make it work. If you provide me with a link I could take a look at it.
Hi Bev,
I have too many event categories to make color coding practical. At the moment I have 37 event categories and that number will grow some more. In a moment of clarity I realized displaying the event category in the hover window is not what I need. Sorry for troubling you with that. What I need instead is to be able to display the event category in [spiffy-todays-list] and [spiffy-upcoming-list]. I’m a newcomer to WordPress, PHP and CSS. I appreciate your patient guidance! Dan
You have 2 options to help you:
1. Use the cat_list option in your shortcode to list the categories separately
2. Edit the ‘draw_event’ function in the source code. It currently uses the category_colour to style the event, but you could add code to display the category_name as well.
Dear Bev, Some events appear as one line on the calendar, but when hovered over they become two lines in the balloon/window, which would be fine except that the second line obscures the top half of the event time in the balloon/window, thus making it hard to read the event time. Is there a CSS fix for this as well? Thank you.
Hi Mike, Two small changes to the CSS should do the trick.
Update “.calnk a:hover div div.event-title ” by adding postion:relative;
Update “.calnk a:hover div div.event-title-break” by modifying “margin-top:5px;” to “margin-top:-.5em;”
Cheers,
Bev
Did the first, didn’t do the second (after experimenting) and took font size from 1.2 to 1.0 in .calnk a:hover div div.event-title, and that fixed it. Thank you again!
hey, how do i make it so that clicking on the event will open the event page in a seperate window. at the moment it is redirecting people away from my web page if i put a different page link in there
Hi Ryan,
Your question made me notice a coding error in the html, so I decided to make a new release and include an option to open links in a new window. Check out version 1.1.0.
many thanks. great app
Hi There! I was wondering if it is possible to not show the icon picture on the actual calendar but allow it to show up inside the pop-up? I’d appreciate any insight! Thanks!
You can hide the icon using CSS, something like this:
.calendar-table .calnk-icon {
display: none;
}
I just downloaded the calendar for the first time. I really like the look and functionality of it…
However, there are a couple things I would like to change.
Is there any way to have a “normal” calendar layout (meaning the week starts with Sunday)?
Also, is there a way to schedule a bi-weekly recurring event (such as every other Wednesday)?
Hi Dorothy,
The calendar day layout is determined by your WordPress installation Settings > General > “Week starts on”
There is no way to schedule every other week, only weekly or a specific week of the month (such as the 3rd Wednesday of the month).
Thanks for the fast response.
I appreciate the help.
I didn’t think to look at the WordPress date settings!
Dorothy
Is it possible to have different multiple calendars (i.e., events/programs on one page, facility rental schedule on another page)?
I think I figured it out by doing the shortcodes like this:
[spiffy-calendar, cat_list='1']
[spiffy-calendar, cat_list='2']
where cat_list=’1′ would be Programs and cat_list=’2′ would be Rentals.
Hi Bev,
I really love the Spiffy Calendar. I do have a question. When I create a link and assign it a color code, say #ffff66, it produces the word “event” in the date box in that color. However, when you hover over the event, the text is a darker version of yellow. How can I make the date box highlighted and the event text black? Thanks so much!
Well, duh! I just figured it out! I apologize for the bother! Love the Spiffy-Calendar!
Hello,
Installed the calendar and it seems that I cannot add events to the database. The problem is that field event_image is a BigInt type and your query is trying to add an emtpy string (”) instead of NULL to the filed.
I wonder why this isnt a problem on other websites. Is there something I can chamhe in MySQL setup to let it convert emty strings to a Null value?
Best regards,
Ron Veerman
WordPress database error: [Incorrect integer value: '' for column 'event_image' at row 1]
UPDATE `wp_spiffy_calendar` SET `event_title` = ‘Test’, `event_desc` = ‘Test event’, `event_begin` = ’2013-02-01′, `event_end` = ’2013-02-02′, `event_time` = ’00:00:00′, `event_end_time` = ’00:00:00′, `event_recur` = ‘S’, `event_repeats` = ’0′, `event_image` = ”, `event_author` = ’1′, `event_category` = ’2′, `event_link` = ” WHERE `event_id` = ’1′
It sounds like your database has strict mode which enforces data types. This is the first I have heard of this issue with the plugin. I wonder how common it is use to strict mode.
Hello. I’m new to Spiffy Calendar and like it so far. Simple to use. However, I’m finding some customization missing. How can I create an event to repeat every two weeks, and not monthly? How can i create an event by non-military clock settings? Other things seem missing…. maybe that’s the beauty of something simple?
The time display is formatted according to your setting on the WordPress Settings > General page for the date/time format.
There is no way to schedule events every two weeks. You can schedule weekly, monthly, yearly, or on a specific day of the month (like the 3rd Friday of each month).
i have version 1.1.0 but when I click on the event it will not open. clicking the event just refreshes to the top of the screen, Is there a code to use to fix this?
You need to configure an event link for the event if you want it to click to a new page.
I use a widget called Display Widgets which allows me to control what pages will show any given widget. It adds a menu to the bottom of each widget to accomplish this. I wanted to use your upcoming events widget on 1 page only, but the Display Widgets did not show up in yours.
The author’s explanation: “Why aren’t the options showing up on my widget? This is a known limitation. Widgets written in the pre-2.8 format don’t work the same way, and don’t have the hooks. Sorry.”
Since your plugin is so new I highly doubt that is the correct answer. Any ideas?
I love your implementation because of the basic simplicity & intuitive ease of use. I’ve tried several other but they were much more complex & harder to use. I’d love to use your in my new website if we can resolve the issue with the other plugin.
This plugin is based on an older plugin and does use the original widget handlers. I will add updating to the new method to my to-do list.
I appreciate your prompt reply. And I apologize for the double post but this morning your server was balking & I got a message saying it did not go through so when I checked later I sent it again.
Any time frame for an update? I guess the answer depends on how big your to do list is.
Again, many thanks
Is there a possibility of having one image in the calendar, and another in the hover over?
Sorry, that’s not possible.
What am I missing? How do I create an event?
Spiffy Calendar > Manage Events on your dashboard gives you a form to add events.
Hi:
Love your calendar. Just what I was looking for. The only problem I am having is when you click on an event in the mini calendar it goes to the top of the page. This happens whether I have a link or not (the link works fine in the large calendar). Is there a way to have the mini calendar go to the big calendar page? Or even open up to event page if there is one. Right now it displays a # sign.
Thanks
Joy
Currently the minical is not designed to provide links. I will keep that in mind as a future enhancement.
Hello and sorry for my english
A francaise version exists ?
Thank you
Sorry, there is no translation available at this time.
great plugin!
I have using the upcoming events widget, and need to remove the bullet points, do you have some CSS for it?
Thanks
This will likely work:
#spiffy_upcoming_events_calendar ul { list-style-type: none; }I am new to your plugin, and was wondering if you could give me some information about how to change the label on my page for the calendar? I am using the minicalendar and would like to change the label above it.
The minical widget contains a title field that you can edit to whatever you like. If you leave it blank “Calendar” is used as the title.
Hey there, I’m struggling to figure out how to have the same calendar on two different sidebars on two different pages. Once I drag the minical widget into one sidebar, it disappears from the list of available to widgets so I can’t drag it into the second sidebar. Is this something that is possible to do? Thank you.
Yes – the widgets are old-code WordPress and only support one copy. I will be upgrading the code, hopefully for the next release. Until then, I’m afraid you are limited to one copy of each widget.
I’m installed and enabled Version 1.1.4 of the calendar on my version 3.5.1 WordPress site. When I add the mini-calendar to my sidebar it displays the title CALENDAR and I’m not able to save a new title, or limit display to Category IDs with the wigit editor. When I save, the values are removed and the form is empty.
I’d like to modify the layout, to reduce white space but I don’t understand how to do that using css, or if that’s possible.
Am I missing a configuration setting?
Dan
Looks like you found a bug! I will update shortly.
There is no configuration setting for whitespace, but you can edit the CSS. I would need more detail in order to guide you.
*** Please check out version 1.1.5 for a fix ***
Thank you very much Bev. What additional information do you need?
Dan
Ideally a link to a sample page and describe where you think there is excess whitespace.
Hi Bev,
Here’s a link to the homepage, where the calendar is in the left sidebar, under the login form.
I’ve looked at it in Firefox v19, IE v9 and Chrome v25.0.1364.172 m. In all three I’d like to have the title [Shows & Events] lower, just above the table… maybe a few pixels space between them. Or an ability to collapse entirely the space reserved for the title, that is display no title and move the table up into that space.
I hope that makes sense and thank you very much for the wonderful support and customer service!
Dan
This should do it:
.Spiffy_Calendar_widget_events_calendar { margin-top: -20px; }
.Spiffy_Calendar_widget_events_calendar h3.widget-title { display:none; }
Thank You! and again, awesome support.
Dan
Hi Bev,
The hide code worked, however the margin setting
.Spiffy_Calendar_widget_events_calendar {
margin-top: -20px;
}
didn’t cause the white space to collapse. This is the current value on the site.
Dan
Hi Bev,
I have a better understanding of what happened. The entire widget has moved up, to sit more closely to the login widget (which is good, thank you), but the space between the line the title is on and Calendar table is still to large.
What I’m looking for is the table to display on a new line, after the title.
Dan
Hi Bev,
Further review shows there is a line break between the title and the table when the page is displayed:
Shows & Events
removing the , removes the gap. Can this be addressed via css?
Dan
Shows & Events
h3 class=”widget-title”>Shows & Events</h3
br
div style="width:200px;"
sorry, the html is getting filtered…
Hi Bev,
I found it!
/* .Spiffy_Calendar_widget_events_calendar br {
display:none;
} */
Thanks for your help and pointing me in the right direction.
Dan
i want to add pdf file on specific date on specific month so how to give the link of that date please give me replay
You can upload a pdf to your media library, then use the file link as the Event Link when you add a new event.
Good Evening,
I love this plugin! Thank you for sharing your talents!
Is there a way to limit the display of upcoming events to x events instead of x days? For example, I’d like to display no more than 10 events. Some months, this will be one day but sometimes, this might be 14 days or more.
On the front page of our website, the spiffy-calendar is on the footer. If too many upcoming events are displayed, the page becomes very long. Perhaps if limiting display to x events instead of x days isn’t possible, perhaps the shortcode in an iframe with a scroll setting might work?
Please advise. and Thank you again!
-Mariah
There is no way to limit the events by count at this time. It is something I would consider as a future option. In the meantime you can use an iframe as you suggested or just set a max-height and overflow:scroll on the widget.
I have installed the calendar successfully, but the small arrows on each side of the month do not advance the calendar when clicked on. They only reload the page. Is there a way from the front page where the calendar is installed to successfully have the arrows scroll through various months? Thank you in advance.
Hi Maureen,
The links on your page look correct. It appears as if something is removing the “month” and “day” parameters from the target URL. So I would conclude there is a conflict with your theme or some plugin that is stripping the query string parameters.
I’ll check it – thanks for your quick reply!
Love the plugin its the most customizable one I have found yet!
One question I don’t know if you have a way of changing this but your css connects both the date number and the content – I’m hoping to have the date number left aligned and the content centered.
http://blueskypoweryoga.com/schedule-2/?month=may&yr=2013
I was able to change the icon to be centered but not the content. Any suggestions?
Adding .calnk { text-align: center; } should do it.
Love the plugin. Thanks for making it available. One question: I’m using the Upcoming Events widget in the sidebar. When I add a description, it gets covered up by the event title when one hovers over it. Can you point me to the css to change to make those font types smaller to avoid this? Thanks.
There are several ways to correct this. One would be to decrease the font-size in the pop-up, something like this:
.calnk a:hover div { font-size: .8em; }Thanks so much. That did the trick.