Share your tricks or tips for WEB CALENDAR with others!

This thread is for tricks and tips only - please no problem questions.

Have a problem or question then post in the Software Discussion thread, not here, so your question does not get overlooked.

Subscribe to this thread if you like to get emails on tips and Tricks people post "Encourage one another daily, as long as it is called Today"
"It can only be dark, if there is no light." - Kim Rickman

Changing the Day and Month in your Calendar
Web Calendar 3.0

Web Calendar does offer the user to change day or months that is displayed in the website calendar.

If you want to use abbreviations for the days or months - it is an easy change and you can just type in what you want.

From the Designer tab with your calendar showing, click on the Advanced Tab located in the Right hand corner of the screen.

A list of months and days will be displayed - just simply click on the one you want to change and type your new choice and enter. The calendar updates after you hit enter.

"Encourage one another daily, as long as it is called Today"
"It can only be dark, if there is no light." - Kim Rickman

Translate names of days and months into your own language

If you live in another country and have another language than English, you can edit the names of the days and months to match your language.

You do it the same way as described above, go to Advanced when in the Designer mode. There you find the English names of the months and days that you can edit the way you want them. When you click Enter, the Calendar updates showing the changes you made. Ha en riktig god dag!
Inger, Norway
http://www.eikweb.com
http://www.horgenhonning.net/
http://www.norwayroots.com
http://www.johnsflats.com

Inserting CoffeCup Calendar in a Wordpress blog page

I recently contacted support to figure out why I could not insert a calendar in my Wordpress blog page. The response I received not only explained the problem, but gave me clues.


Let me offer a workaround that I used

Step 1:
build a standard blank html page to contain the code for your calendar. This can either be in the root directory of Wordpress or in it's own folder (I chose to give it it's own folder)

Step 2:
In Wordpress, create a new page and give it the title you want.

Step 3:
In the the page content you are going to place a simple iFrame tag and the following code:

Adjust the sizes and the location of the calendar file as needed.

The calendar will now be fully operational in Wordpress


Occecid

Posts recovered from old forums.... Have fun
~ Fe Pixie ~

Quick & easy colour changes
(new web calendar, October 2010)

Until some new themes* (see end of post) and editing features become available, those of you who are not terribly "au fait" with coding might like a quick and simple trick to adapt one of the couple of default themes to your own needs.

1.First, create a calendar and save the folder somewhere you will easily be able to find it. (Initially you need not add your events, but just a plain calendar to do your experimentation.)

2.Duplicate the folder and give it a new name, eg. calendar 2 (just in case of accidents)

3.Open an image editor or Windows Paint (eg.Photoshop, Gimp, Adobe Elements, Paint etc.)

4.Find your duplicate calendar folder and open the images folder which is tucked inside.

5.In your image editor open the footer background and month background images.

6.Now experiment with editing colour/hue saturation and changes until you get your desired colour to fit in with your own web site colour scheme. This is possible in the more advanced image editors. If you are using Paint, just fill the image area with the colour of your choice. You will lose any shadow effects, but will nonetheless manage to colour match the footer and headings with your own site.

7.Save the altered images and open up one of the html page files (in the calendar folder) in your favourite browser to check the effect. If the colour contrast for the text is poor, change the image colour again until you get a good contrast.

And all this without touching a line of code.

*Calendar themes already available
https://www.coffeecup.com/store/themes/web-calendar/ http://www.venicefromtheinside.com

Positioning the calendar
(new calendar, Oct. 2010)

To move the calendar from the upper left corner to some other location on a web page, finding the correct css settings can be very tricky. There are two other, much easier, ways:

1. Create an iframe where you want the calendar to appear, set the dimensions to match those of the calendar, e.g. like this:



2. Create a floated div around the calendar, like this:

Ha en riktig god dag!
Inger, Norway
http://www.eikweb.com
http://www.horgenhonning.net/
http://www.norwayroots.com
http://www.johnsflats.com

FYI: You really don't need to add another container to position a calendar. You can easily style the <div> that holds the calendar. The easiest way would be to add some inline CSS as Inger suggested. The better way would be to add a div#cc_webcalendar selector in your CSS file and add the positioning properties there.

One caveat of using an iframe is that it will load the calendar event popups in the iframe also, and depending on the size of your iframe, some of the event data might not be visible.

Of course you are all free to take the code and tweak it to your satisfaction. That's the main reason we decided to switch to using HTML, CSS, and Javascript; so you could hack away and have full control.

We're really excited to see all the creative ways you can use Web Calendar, so please post your hacks, styles, and other tips. J Cornelius - VP of Operations, CoffeeCup Software

J, I had tried your solution before I wrote the above. Creating the div#cc_webcalendar {margin:auto;} makes the calendar move into the center of the page, leaving the events behind... I have also tried Jim's solution in a reply here: http://www.coffeecup.com/forums/web-cal … -calendar/ with the same result.

Right now I'm away from home, using an Eee laptop with Linux, using Bluefish Editor, and I tried to add to the style above div#cc_webcalendar {margin:auto; text-align:center;} which lead to the calendar moving left again, but the events are in the right position, more or less. But the browser I have here (FF2.0) gives a somewhat distorted view of the calendar, so It would be better if someone on a windows system could try this.

I'm aware of the problem with the event label when using an iframe, but at least the whole of the calendar gets moved in one piece. Also the floated div is working, but of course to position it you need something (e.g. another float) to let it float against

Maybe you could reveal what properties to put into the afore mentioned div? Ha en riktig god dag!
Inger, Norway
http://www.eikweb.com
http://www.horgenhonning.net/
http://www.norwayroots.com
http://www.johnsflats.com

Well, I found that inserting this into the css file: #cc_webcalendar {margin: 0 50%;} did it. It means that the calendar is centered. At least the events are moved along. One can play around with the %-age until one finds something that works for the site in question. Ha en riktig god dag!
Inger, Norway
http://www.eikweb.com
http://www.horgenhonning.net/
http://www.norwayroots.com
http://www.johnsflats.com