Best Online Calendar


Knowledge Base

Browse knowledge base categories or search with keyword related to your question.

Email Support

Can't find your answer?

Contact Support or Contact Sales
Search:     Advanced search
Browse by category:

NEW FEATURE: Add images to your events

Article ID: 65
Last updated: 17 Mar, 2015

It just got easier to insert images, photos and files into your CalendarWiz events.  The new File Manager lets you upload images to your events in a snap!

Please note: that the ability to upload images & files is not available in the legacy event editor.  Turn on the new Full Event Editor to access the file manager.

To add an image to an event:

1. Start by adding an event > click [More event options...] > click Description & Images tab > click the "Insert/Edit Image" button.

add or upload images to event description

2. Next, the "insert/edit image" window will open.  After you upload your image, use the dimensions fields to adjust the height and width of your image.  Click the File Manager button to upload your image. (SEE BELOW)

upload images to calendar

3.  The File Manager will open.  Click the blue [Upload] button to upload your images.

upload button

4. Drag and Drop or click [Add Files] to select your image from your local computer. 

drag and drop or add images button

5. Click the blue [Upload] button.  When your images/files are 100% uploaded, click [Close].

6. Select image and click [Insert] to add to your event description.  Click [Insert]. 

insert image into event


7. You'll see an image link inserted into the "Source" field.  Use the General tab "dimensions" fields to adjust the display size of your image. 

insert image general tab

Image Size Tip: the event detail pop up is ~ 440 px wide, a max width of 425px for images would give best display.

Advanced tab allows you to put space around the image using the "horizontal" and "vertical" space fields.  Input numbers like 5 or 10 to insert 5px or 10px of space around your images.  You'll find this helpful if you're trying to wrap description text around a smaller image.

advanced edit image tab

The Advanced Tab also offers a style field where you may input style statements of your own.  To "wrap" your description text around a smaller image, use one of the following style statements.



When you're done making adjustments, click OK.  You may also use the text align left and right buttons in the html edtior to get the image and text to look the way you want.

8. Your image will be inserted into the event description html editor.  Here is an example using the float: right; as described above.

event description with image embedded

To make adjustments to your image click on the image and then click the [Insert/Edit Image] button.   Be sure to [Save] your event.

Important Note: File Manager works with Chrome, Firefox, Safari 5+, Internet Explorer 10+, iPad iOS6+, Android tablet OS4+

Learn how to attach/insert a document into an event description.

Others in this category
document Add "Suggest Event" Button to Calendar
document Prevent double booking of a location or facility:
document Turn on Location Filter in Main Calendar View
document Attach a document or file to your event
document How to email your calendar to others?
document How to set up personal calendars with assistant?
document Why are users or subscribers missing from reminders recipient list?
document Track when an event is added, edited, deleted in your calendar
document Delete or change a calendar owner
document Hide Calendar Buttons From Display (e.g. Export, Search, Help, Save as Favorite, Go to Date, etc)
document Add an event to more than one category
document Turn on Enhanced Search Function in Calendar Search Button
document Edit repeating events without overwriting all event information
document How can I change my Calendar Identifier?
document How can I view multiple selected categories in my CalendarWiz calendar?
document Disable filtering of an important category
document Add a YouTube video to your CalendarWiz event descriptions
document Set up your CalendarWiz calendar as an aid in event Registration:
document ADA 508A Compliance
document Use Google Maps for Saved Locations
document Rules for the "From" email address inserted into Email Announcements and Reminders:
document Hide Category or Location Selection List:
document Translate your CalendarWiz Calendar to Spanish or Other Language Using Google Translate:
document Day View Display Options (e.g. remove bar graph, add event description, or add category)
document Edit Repeating Events Without Overriding Past Event Info:
document Set Up Events to Open Directly to a Web Page
document How do I change my password?
document I forgot my password. How can I recover it?
document Announcing our New Event editor
document Create a Private Reservation Calendar (Show events as Busy or Unavailable)
document Enable Quick Events for adding single events:
document Prevent Double Booking Using Saved Locations:
document Add small images or icons to your event titles
document Invite & Reminder Email Template
document Hide [Email] [Remind] and [Download] buttons in event pop up
document Reminders, Invitations & Event Announcements
document How to color-code event titles
document Add a file attachment to Email to List Newsletters
document Converting a Subscriber to User
document Import Shabbat Candle lighting times into CalendarWiz
document Match Category Legend and Font Colors
document How to delete images from file manager
document Match Calendar Colors to your Website, Logo and Brand Colors