Knowledgebase: Events Calendar Module
Add New Calendar Event Icons

Adding a New Event - Description Icons:

When entering information into the Event Description, you have several editing options. You can edit the text by choosing the font size and color or making text bold, italic, underlined or superscripted. In addition you can add links, graphics, and media.

Event Description

Formating Text:

Format Text

To make text bold, select the text and click the bold icon Bold Icon. Follow a similar process for making text italic Italic Icon, or underlined Underline Icon. You can also click the icon before typing the text and the text entered after clicking the icon(s) will have those attributes. By clicking the Font Type option, a drop-down menu will be displayed with several \"web friendly\" text font options (see figure 1). Similarly, by clicking the Font Size\" text size options (see figure 2).

Choose Font

In addition, you can choose text color or highlight text. By clicking either the Font Color icon Foreground Color Icon or the Background Color icon Background Color Icon, a color window will be displayed (see figures 3 and 4). Click the color you want or you can also choose the \"More Colors\" option to have access to a larger array of colors. Click the color you wish the text or highlight to be.

Font Color Icon

Bullets and Numbered Lists:

You can also add bullet points or a numbered list by adding the list, selecting it with your mouse and clicking the Bullet Icon Bullet Icon or Numbered List Icon Numbered List Icon.

Bullet Icon

Horizontal Line:

If you wish to separate information in the description, use the Horizontal Rule icon Horizontal Rule Icon. It is similar to the Line tool in the Page Editor. The Horizontal Rule icon creates a line across the entire Event description box.

Horizontal Rule Icon

Add A Graphic:

Add a graphic to make the description more interesting or to display further information. For example, if you are having a concert at your church, you could put a picture of the music artist who is coming. To add a picture, click in the Event Description box where you want the picture to be located and then click the Add Image icon Add Image Icon.

Add Image Icon

This will bring up the Insert Image window (figure 5). Click the folder icon at the top, right of the window across from the \"Image URL\" field to access your File Manager. Select the graphic you wish to display and click the \"Ok\" button at the bottom, right of the File Manager window. This will close the File Manager window and insert the URL (web address) for the graphic into the \"Image URL\" field. Select any other options you wish for the graphic and then click the Insert Button \"Insert\" button at the bottom, left of the Insert Image window. 

Figure 5
Insert Image

* Note: A picture must be uploaded to your website before you can add the picture to the Event Description. If you have not uploaded the picture, use your Asset Manager to upload the picture.


Add Audio, Video, or Flash:

Add some audio, video, or flash to make the description more interesting or to display further information. If you have a special speaker coming, add audio or video of the speaker. To add media, click in the Event Description box where you want the media to be located and then click the Add Media icon Add Media Icon.

Add Media Icon

This will bring up the Insert Media window (figure 6). First, choose the type of media you want to put in the description. Next, click the folder icon at the top, right of the window across from the \"File/URL\" field to access your File Manager. (Click here for more info about the Asset Manager) Select the media file you wish to display and click the \"Ok\" button at the bottom, right of the File Manager window. This will close the File Manager window and insert the URL (web address) for the media file into the \"File/URL\" field. Select any other options you wish for the graphic and then click the Insert Button \"Insert\" button at the bottom, left of the Insert Media window. (Click here for more info about the Insert Image options)

Figure 6
Insert Link

* Note: A media file must be uploaded to your website before you can add the media to the Event Description. If you have not uploaded the media file, use your Asset Manager to upload the media.


Add A Link:

Add a link to provide more information about an event. For example, if you are having a concert at your church, you could put a link to the website of the music artist who is coming. You may also have a page of your website devoted to this event. You could add a link to that page in the description of the event. To add a link, highlight the text that you want to be the link with your mouse and then click the Add Link icon Add Link Icon. This will bring up a window where you can enter the URL (web address) of the website or web page you want the link to go to or select one of your website\'s pages to link to.

Insert Link

Enter the URL (web address) of the website or web page into the \"Link URL\" field. If you want to link to one of the pages of your website, leave the \"Link URL\" field blank and select the page you want to link to in the \"Link List\" drop-down menu. Select any other options you wish for your link and click the Insert Button \"Insert\" button.

* Tip: If you are not sure what the URL (web address) is for the site or page you want to link to, go to the site or page the way you normally would. Next, select the URL in the address bar of your web browser and copy it. Then paste that URL into the Link URL field for the link.


Edit HTML Source:

For more advanced webmasters who are comfortable working in html code, you can click the \"Edit HTML Source\" button (pic - html icon) and a window will open with the html code. Edit the code as you wish and then click the Update Button \"Update\" button.