Working with Pages... 9 Edit a Page... 9 Add a Page... 9 Delete a Page Approve a Page... 10

Transcription

1 Land Information Access Association Community Center Software Community Center Editor Manual May 10, DRAFT This document describes a series of procedures that you will typically use as an Editor &/or Approver of a Community Center web site. It is current for Community Center version 4.0. Table of Contents Your Account... 3 Log In... 3 Change Your Password... 3 Change Your Contact Information... 3 Get a New Password If You Have Forgotten Yours... 4 Find Contact Information for Another User... 4 Delete Your Account... 4 Be Notified By When the Web Site Changes... 4 Contact a Site Manager... 5 Read the User Agreement or Privacy Statement... 5 Working with Calendar Events... 5 Change the Month Shown on a Calendar... 5 Find an Event on a Calendar... 5 Add a One-Time Event to a Calendar... 5 Add a Repeated Event to a Calendar... 6 Add a Multi-Day Event to a Calendar... 6 Change an Event on a Calendar... 6 Delete an Event on a Calendar... 6 Approve a Calendar Event... 6 Working with News Articles... 7 Find a News Article... 7 Add a News Article... 7 Add Pictures to a News Article... 8 Change a News Article... 8 Delete a News Article... 8 Approve an Article... 8 Working with Pages... 9 Edit a Page... 9 Add a Page... 9 Delete a Page Approve a Page Working with Links Groups Sort the Links Link to an Existing Page in This Web Site Link to Another Web Site Community Center v4 Editor Manual - DRAFT Page 1 of 30

2 Working with Forums Add a Comment to a Forum Topic Change a Comment Delete a Comment Add a Topic to a Forum Change a Topic Description Change the Order of the Topic List Rename a Topic Approve a Comment Approve a Forum Topic Editing Text Adding Text to a Text Edit Box Working with the WYSIWYG Text Edit Box Using the Standard Helper Buttons Working with the CC Text Edit Box Do I Have to Use HTML? The AutoBreak Feature Using the Helper Buttons Helper Button Summary Using MyCC Add a Link to MyCC Use MyCC Links Appendix A Page Management Tool Page Elements Labels Pictures Text Web Links Document Links Links Group Component Views Page File Name Appendix B About HTML What is HTML? Common HTML Tags Advanced Tags Where to Find Out More Appendix C Glossary Community Center v4 Editor Manual - DRAFT Page 2 of 30

3 Your Account You do not need an account to view a Community Center web site. However, to change anything on the site, you do need an account and you need to be logged in. Logging in simply identifies you to the web site so that the security, notification and communication features of the web site may function properly. Please see the Privacy Statement for your web site for more information about your account. Log In 1. Click the Log In link on the home page of your Community Center. The Login window appears. 2. Enter your Address and Password in the appropriate boxes, then press Enter or click the Log In button. The Login window will disappear and the main Community Center window will refresh showing a welcome message somewhere on the screen. Note: The first time you log in, your user profile will appear. Please fill it out as completely as possible. Especially make sure you supply a new password. Click Submit to continue with your login. Note: If you click Log In and nothing happens, you may need to enable JavaScript in your browser or configure your popup blocking software to allow popup windows for your Community Center web site. See for more information. Change Your Password You must log in to change your password. When you are logged in: 1. Click My Profile. The User Profile window appears. 2. Type a new password into the Password and Confirm Password boxes. Then, click Submit. A message appears indicating that your User Profile has been updated. 3. Click Close This Window. Note: Always use the navigation links at the left hand side of the popup windows when editing your Community Center. This will ensure that the main Community Center window reflects the changes you have made. Change Your Contact Information You must log in to change your password. When you are logged in: 1. Click My Profile. The User Profile window appears. 2. Type some new information in any of the boxes shown. Then, click Submit. A message appears indicating that your User Profile has been updated. 3. Click Close This Window. Community Center v4 Editor Manual - DRAFT Page 3 of 30

4 Get a New Password If You Have Forgotten Yours Some Community Center web sites may allow you to get a new password automatically: 1. Click Log In. The Login window appears. 2. If there is a Password Finder link, click it and the Password Finder window will appear. Otherwise: a. Type your Address and anything in the Password box. Then click Submit. A message appears indicating that the password you provided is not correct. b. Click Password Finder, if it is available (if it is not available, contact a site manager for help). The Password Finder window appears. 3. Verify your address, then click Find Me. If the Community Center can find your address, a message will be displayed informing you that your password has been changed, and the new password has been ed to you. 4. Click Close This Window. 5. Check your and look for an whose subject begins with Password Reset. This will contain your new password. 6. Note the password, then return to the Community Center web site and log in again, this time using your new password. 7. If your login is successful, your user profile will appear. Change your password to something you will remember and click Submit. Find Contact Information for Another User Sometimes you may be able to find contact information for another site user through the User Directory feature. If available, you will see a User Directory link on your web site. Usually, you must be logged in to use the Directory. 1. Click Directory or User Directory. The Group Directory window appears. 2. Click a Group Name that may include the user you are looking for, or check the boxes next to several group names and click View Checked Groups. The User Directory window appears. 3. Click the first letter of the last name of the user you are looking for to jump to that letter in the alphabetized list of names. Delete Your Account You must contact a Site Manager to remove your account from the system. See Contact a Site Manager on page 5. Be Notified By When the Web Site Changes 1. Log in to the Community Center web site. 2. As you browse the site, watch for Subscribe buttons at the top of some component locations. 3. If you see a component that interests you, click the Subscribe button. The Component Subscription window appears. 4. Click Yes. A thank you message appears. 5. Click Close This Window. Note: To stop being notified in the future, browse back to the component and click the Unsubscribe button. You may also click My Profile, scroll to the Notifications section and un-check the box next to the component name, then Submit your profile. Community Center v4 Editor Manual - DRAFT Page 4 of 30

5 Contact a Site Manager 1. While logged in, click My Profile. The User Profile window appears. 2. Click Contact a Site Manager in the left side menu. The User Directory window appears displaying a list of Site Manager Accounts. 3. Check the box next to one or more Site Manager names, then click b to Checked Users. The QuickNote Editor window appears. 4. Provide a Subject and a Message, then click Send QuickNote. The QuickNote Editor window appears with a message that your QuickNote has been sent. 5. Click Close This Window. The QuickNote Editor window disappears. 6. On the User Directory window, click Close This Window. Read the User Agreement or Privacy Statement 1. While logged in, click My Profile. The User Profile window appears. 2. Click User Agreement or Privacy Statement in the left side menu. The User Agreement or Privacy Statement window appears. 3. When done, click Close This Window. Working with Calendar Events A calendar component allows authorized users to post events to a Community Center web site. Other users can then view these events. Change the Month Shown on a Calendar On a small grid calendar view: Click the arrow buttons to the right and left of the current month name to move one month forward or backward in time. On a large grid calendar view: Click the arrow buttons to the right and left of the month list in the upper right hand corner of the view to move one month forward or backward in time. Use the month list to jump to one of the next 12 months, or to return to the current month. On a text calendar view: Use the Search feature to specify a date range to be displayed. Find an Event on a Calendar 1. From any calendar view, click Search. The Calendar Event Finder window appears. 2. Provide some criteria in one or more of the boxes, then click Submit. The Calendar Event List appears, showing all events that matched the criteria you entered. Add a One-Time Event to a Calendar While logged in, if you can see an Add button at the top of a calendar view, you can add an event to that calendar: 1. Click Add. The Event Editor window appears. 2. Provide an Event title. The Category (if available), Location and Description fields are optional, but recommended. 3. Change the Start Date to the date of the event (by either typing the date using the model shown below the field, or by clicking the button to the right of the field and using the calendar that appears to select the date). 4. Type From and To Times, if necessary, using the model shown below the field. 5. Click Submit. The Event Editor window disappears and the calendar view you were working on refreshes to show your event (if it was within the dates shown by the current view). Community Center v4 Editor Manual - DRAFT Page 5 of 30

6 Add a Repeated Event to a Calendar When you want to post an event that is scheduled on a regular basis (such as a meeting held the first Tuesday of every month), use steps 1-4 from Add a One-Time Event, then: 1. Choose a Repeat pattern. 2. You must supply either a number of Times the event will be repeated, or a date Until the event should repeat. 3. Click Submit. The Event Editor window disappears and the calendar view you were working on refreshes to show your event (if it was within the dates shown by the current view). Note: You cannot change individual dates in a repeated event. If one or more dates for your repeated event do not fit the selected pattern, then those dates must be added as separate events. Add a Multi-Day Event to a Calendar When a single event covers more than one day (such as a three day conference), use the Add a One- Time Event instructions, but also supply an End Date (the last day of the event). Change an Event on a Calendar 1. While logged in, click a date, week, event title or use the Search function to display an Event List window that shows the event you would like to change. 2. If you can change an individual event, an Edit button will appear in the upper right corner of the event display. Click Edit. The Event Editor window appears. 3. Modify any information on the Event Editor form, then click Submit. The Event Editor window disappears and the calendar view you were working on refreshes to show your event. Delete an Event on a Calendar 1. While logged in, click a date, week, event title or use the Search function to display an Event List window that shows the event you would like to change. 2. If you can delete events, there will be a Delete Checked Events link in the left hand side menu. Check the box next to the event(s) that you want to delete. Then, click Delete Checked Events. The Event List window refreshes without the deleted events. 3. Click Close This Window. The Event Editor window disappears and the calendar view you were working on refreshes to show your changes. Approve a Calendar Event If you are listed as an approver for a calendar component, you may receive an indicating that an event has been added or changed and requires approval. 1. Follow the link in the to display the page on which a view of the changed calendar appears. 2. Log in. 3. Click the date, week or event title (on list views, the event title will have (pending) added to it) of the event mentioned in the you received. The Event List window appears. Note: You can also use the Search button on the calendar view to Show only events waiting for approval. Community Center v4 Editor Manual - DRAFT Page 6 of 30

7 4. An event awaiting approval will appear in a different color than other events, and will indicate that it is awaiting approval. View the event for any objectionable or incorrect content. You now have three choices: a. Accept the event as it is. Check the box next to the event and click Approve Checked Events. b. Modify the event to remove or correct objectionable content. Click the Edit button and follow the instructions for Change an Event on a Calendar on page 6. Then, you must approve the event: Check the box next to the event and click Approve Checked Events. c. Delete the event. Check the box next to the event and click Delete Checked Events. Working with News Articles A news component allows authorized users to post extended text articles including pictures in a common area of a Community Center web site. Find a News Article 1. From any news view, click Search. The News Article Finder window appears. 2. Provide some criteria in one or more of the boxes, then click Submit. The news view now shows only events that matched the criteria you entered. Note: Your search criteria remain in effect for news views until you clear the search criteria. To clear your search from the news view: click Search, check the box marked Clear current search, then click Submit. Add a News Article While logged in, if you can see an Add button at the top of a news view, you can add a news article: 1. Click Add. The News Editor window appears. 2. Provide an article Headline. 3. Provide some Key Words from the article if you would like to allow other users to search for your article in the future. You may enter the key words separated by either spaces or commas. 4. Type or paste the Body Text for the article. See Editing Text on page 14 for more information about formatting text. 5. Verify the Start Date for the article (this is the date the article will first be displayed). If you would like the article to stop being displayed on a certain date, or you would like the article to be deleted on a certain date, provide the End Date. 6. Choose an event to occur On End Date. If you did not supply an End Date, then this setting is ignored. 7. If you would like registered users to be able to send you a QuickNote by clicking on your name when viewing your article, check the Allow registered users to send me a QuickNote check box. 8. Click Submit. The News Editor window disappears and the news view you started from refreshes to show your article (if your article s start date is within the range shown by the view and articles in this view are not subject to approval). Community Center v4 Editor Manual - DRAFT Page 7 of 30

8 Add Pictures to a News Article If the Site Manager has allowed it, you may add pictures to a news article at any time while editing a news article: 1. In the Pictures section of the News Editor window, click Add. A Picture Upload window appears. 2. Click Browse. A Choose File window appears. 3. Navigate to a picture file stored on your computer and double-click it so that its full path now appears in the box next to the Browse button on the Picture Upload window. 4. Click Submit. Be patient while the picture is uploaded to the web site. Then, the Picture Upload window will disappear and the News Editor window will refresh with the message A new picture has been added at the top. 5. Scroll back to the Pictures section of the News Editor window, make any changes necessary (at minimum, provide a Caption), then click Submit. The News Editor window disappears and the news view you started from refreshes. Change a News Article 1. Click the article title or the View button of an article you would like to change. The News Article window appears. 2. If you can change the article, an Edit This Article link will appear in the left side of the News Article window. Click Edit This Article. The News Editor window appears. 3. Modify any field as necessary, then click Submit. The News Editor window disappears and the news view you started from refreshes to show your changes. Delete a News Article 1. Click the article title or the View button of an article you would like to delete. The News Article window appears. 2. If you can delete the article, a Delete This Article link will appear in the left side of the News Article window. Click Delete This Article. The News Editor window appears. 3. Modify any field as necessary, then click Submit. The News Editor window disappears and the news view you started from refreshes to show your changes. Approve an Article If you are listed as an approver for a news component, you may receive an indicating that an article has been added or changed and requires approval. 1. Follow the link in the to display the page on which a view of the changed news component appears. 2. Log in. 3. Click the Approve button at the top of the news view. The News Article Approval List window appears showing the articles requiring approval. 4. For each article on the list: a. Click View or the article title. The News Article window appears. b. View the article for any objectionable or incorrect content. Then, click Close This Window. c. You now have three choices: i. Accept the article as it is. Check the box next to the article and click Approve Checked Articles. Community Center v4 Editor Manual - DRAFT Page 8 of 30

9 ii. Modify the event to remove or correct objectionable content. Click View or the article title to display the News Article window. Then, follow the instructions for Change a News Article on page 8. Finally, you must approve the article: Check the box next to the article and click Approve Checked Articles. iii. Delete the article. Check the box next to the article and click Delete Checked Articles. 5. When done, click Close This Window on the News Article Approval List window. The window will disappear and the page on which the news view appears refreshes to show the approved changes. Working with Pages The Community Center Page Management Tool allows authorized users to create and edit pages in the web site. The component that allows this is called a Links Group, and typically appears on a page as a list of links. Edit a Page While logged in, if you can see an Edit button at the top of a page, you can modify that page. If looking at a links group, a page you can edit will have a wrench icon next to the page link. 1. Click the Edit button or the wrench icon. The Page Management Tool Edit Your Existing Page window appears. 2. Modify any field as necessary, then click Submit. The Page Management Tool Create Page window appears. Note: There is a Submit link at the top of the page, and a Submit button at the bottom of the page. 3. Verify that no errors have occurred while generating the page(s). Then, click Close This Window. The Page Management Tool Create Page window disappears and the page you started from refreshes to show any changes you have made. Add a Page While logged in, if you can see an Add button at the top of any links group, you can add a page to that links group. 4. Click Add. The Add a Web Page -- Establish The Link to Your Page window appears. 5. In the Step 1 box, enter the link text that will appear in the links group. Then, click Submit. The Create a Web Page -- Choose a Template to Use window appears. 6. Scroll through the available templates until you locate the template needed for your new page. Click the button labeled Select Template # next to the template you have selected. The Create a Web Page -- Enter Your Information window appears. Note: You cannot change a page s template once you have chosen it, so choose well! Community Center v4 Editor Manual - DRAFT Page 9 of 30

10 7. Fill in the page form fields as necessary (See Appendix A Page Management Tool Page Elements on Page 21 for more information). Then, click Submit. The Page Management Tool -- Create Page window appears. 8. Verify that no errors have occurred while generating the page(s). Then, click Close This Window. The Page Management Tool -- Create Page window disappears and the page you started from refreshes. Click the link you just created in the links group to view the page you just created. Note: If the links group in which you create your page has been configured for approval by a Site Manager, only you (as the creator of the page) and the specified approvers will be able to view the page until it has been approved. Pages waiting for approval will display UN-APPROVED PAGE! at the top of the page. Delete a Page While logged in, if you can see a Delete button at the top of a page, you can delete that page. If looking at a links group, a page you can delete will have a red icon next to the page link. 1. Click on the Delete Page button or the red icon. The Page Management Tool -- Delete a Page! window appears. 2. Click Delete Page. The Web Page Management -- Delete a Page window appears. Click Close This Window. 3. If you used the Delete Page button (rather than the red icon), click any link on the deleted page to navigate to a different page and clear your browser. Note: If you delete a page with a Links Group on it, all pages in that Links Group are also deleted! Approve a Page If you are listed as an approver for a links group component, you may receive an indicating that a page has been added or changed and requires approval. 1. Follow the link in the to display the page that was changed. 2. Log in. Notice that UN-APPROVED PAGE! appears at the top of the page. 3. View the page for any objectionable or incorrect content. You now have three choices: a. Approve the page. Click the Approve button at the top of the page. The Page Management Tool -- Approve a Page! window appears. Click Approve the Page. The Web Page Management -- Approve a Page window appears. Click Close This Window. b. Modify the page, then approve it. Follow the instructions to Edit a Page on page 9, then approve the page as shown in 3.a above. c. Delete the page. Follow the instructions to Delete a Page on page 10. Community Center v4 Editor Manual - DRAFT Page 10 of 30

11 Working with Links Groups A links group is a Page Management Tool component that displays links to a set of pages. Sort the Links By default, links in links groups are sorted alphabetically. While logged in, if you can see a Sort Links button at the top of a links group, you can put the links in any order you wish. 1. Click Sort Links. The PMT Sort Links window appears. 2. To sort in reverse alphabetical order, change the Sort Order to ZYX A. To choose the order in which links are listed, change the Sort Order to User. 3. If you have chosen the User sort order, then scroll down to the Links List section of the window and choose new sort orders from the lists next to each link name. The order of the other links will automatically adjust to the numbers you choose. Note: If you manually change the sort order in the links list for an alphabetically or reverse alphabetically sorted list, the sort order will automatically be set to User. 4. When done, you may preview your order by clicking View the New Sort Order or simply click Submit Changes. The page will refresh with the links in the order you specified. Link to an Existing Page in This Web Site You may also add links to existing web pages in a links group. To do this, you must know the URL of the page you want to link to. Below is a recommended procedure you can also simply type the page file name in the URL box (step 6) and skip steps 3 to Click Add. The Add a Web Page -- Establish The Link to Your Page window appears. 6. In the Step 1 box, enter the link text that will appear in the links group. In Step 2, click the button next to Link to an existing page on this site. Then, click Submit. The Create a Web Link -- Enter Your Information window appears. 7. Switch to the main browser window (usually, you would click on the other icon for your browser in the Windows Task Bar at the bottom of your screen) and navigate to the page you want to link to. 8. Highlight the URL in the Location box at the top of your browser window. Rightclick the highlighted area and select Copy. 9. Switch back to the Create a Web Link -- Enter Your Information window (again using the Task Bar). 10. Right-click the URL box on the form and select Paste. The URL of the page you want to link to will appear in the box. 11. Click Submit. The Page Management Tool Set uplink window appears. 12. Verify that no errors have occurred while generating the page(s). Then, click Close This Window. The Page Management Tool -- Set uplink window disappears and the main browser window refreshes. Navigate back to the page you started from and click the link you just created in the links group to test the link. Community Center v4 Editor Manual - DRAFT Page 11 of 30

12 Link to Another Web Site You may add links to any web site in a links group. To do this, you must know the URL of the page you want to link to. Below is a recommended procedure you can also simply type the URL in the URL box (step 6) and skip steps 1 to Open a new browser window and navigate to the page you want to link to. 2. Highlight the URL in the Location box at the top of your browser window. Rightclick the highlighted area and select Copy. 3. Close the new browser window. 4. On the Community Center page you want to add the link to, click Add. The Add a Web Page -- Establish The Link to Your Page window appears. 5. In the Step 1 box, enter the link text that will appear in the links group. In Step 2, click the button next to Jump to an external web site. Then, click Submit. The Create a Web Link -- Enter Your Information window appears. 6. Right-click the URL box on the form and select Paste. The URL of the page you want to link to will appear in the box. 7. Click Submit. The Page Management Tool Set uplink window appears. 8. Verify that no errors have occurred while generating the page(s). Then, click Close This Window. The Page Management Tool -- Set uplink window disappears and the main browser window refreshes. Click the link you just created in the links group to test the link. Working with Forums The forum component allows authorized users to post topics about which other users may post comments. Add a Comment to a Forum Topic The initial view of a forum component shows a list of topics. To add a comment about one of the topics: 1. Click the name of one of the topics. The view changes to show the comments that have already been submitted. If you are logged in and are able to add a new comment, an Add button will be available at the top of the view. 2. Click Add. The Comment Editor window appears. 3. Type your comment in the Comment box. You cannot format a forum comment. 4. If a Display my name with this comment box appears on the form, uncheck the box if you wish to have your comment displayed anonymously. 5. If an Allow registered users to send me a QuickNote from this comment box appears on the form, uncheck the box if you do not wish to allow other registered users to send you a QuickNote from your comment (NOTE: This setting is only relevant if the Display my name with this comment box is also checked). 6. When done editing your comment, click Submit. The Comment Editor window disappears. Change a Comment You may change only comments that you create. To change your comment: 1. Find your comment in the comment list for the correct Topic. 2. Click the View button next to your comment. The Comment window appears. 3. Click Edit This Comment. The Comment window is replaced by the Comment Editor window. Community Center v4 Editor Manual - DRAFT Page 12 of 30

13 4. Change your comment, then click Submit. The Comment Editor window dissapears, and the comment list is refreshed to show your changes. Delete a Comment You may delete only comments that you create. To delete your comment: 1. Find your comment in the comment list for the correct Topic. 2. Click the View button next to your comment. The Comment window appears. 3. Click Delete This Comment. A popup comment appears asking if you are sure you want to delete this comment. 4. Click OK. The Comment window disappears, and the comment list is refreshed without the deleted comment. Add a Topic to a Forum While logged in, if you see a Manage Topics button at the top of the forum topic list, you can add a topic to the forum: 1. Click Manage Topics. The Forum Topics window appears. 2. In the Name box, type a short name for the topic. 3. In the Description box, type a description or explanation of the topic. 4. Click Add New Topic. The topic appears in the Existing Topics section of the window. Change a Topic Description 1. Click Manage Topics. The Forum Topics window appears. 2. Locate the topic you wish to change in the Existing Topics section. Make any modifications to the topic description. 3. Check the box next to the topic name. 4. Click Update Checked Topics. Change the Order of the Topic List 1. Click Manage Topics. The Forum Topics window appears. 2. In the Existing Topics section of the window, change any Order boxes as necessary. Note: The topics are sorted in numeric or alphabetical order based on the value of the Order field. Order can contain numbers, letters or any combination up to three characters. If you are using numbers and you have more than 10 topics, it is best to start with 01, then 02 and so on. 3. Check the box next to the topic name of any topic whose order value you changed. 4. Click Update Checked Topics. Rename a Topic When you rename a topic, you also must update the description. 1. Click Manage Topics. The Forum Topics window appears. 2. In the Existing Topics section of the window, locate the topic(s) you wish to change. Check the box next to the topic(s). If you want to retain or slightly modify the topic s description, highlight the description text and right click to Copy the text. Community Center v4 Editor Manual - DRAFT Page 13 of 30

14 3. In the New Topic section of the window, type a new or revised Name for the checked topic(s). 4. If you have a new description for the topic, type it in the Description box. If you are simply copying the previous description, right click the Description box and select Paste. 5. Click Rename Checked to New. Approve a Comment If you are listed as an approver for a forum component, you may receive an indicating that a comment has been added and requires approval. 1. Follow the link in the to display the forum page. 2. Log in. There will be an Approve button at the top of the topic list. 3. Click Approve. The Comment Approval List window appears. 4. View each pending comment for any objectionable or incorrect content. For each comment, you now have three choices: a. Approve the comment. Check the box next to the comment, then click Approve Checked Comments. b. Modify the comment, then approve it. Click the Edit button to modify and submit the comment. Then, approve the comment as described in 4.a above. c. Delete the comment. Check the box next to the comment, then click Delete Checked Comments. Approve a Forum Topic If you are listed as an approver for a forum component, you may receive an indicating that a topic has been added and requires approval. 1. Follow the link in the to display the forum page. 2. Log in. Click Manage Topics. The Forum Topics window appears. 3. Look through the Existing Topics section. Topics waiting for approval have (pending approval) next to the topic name. Scan each of these for objectionable or incorrect content. 4. For each topic pending approval you have three choices: a. Approve the topic. Check the box next to the topic, then click Approve Checked. b. Modify the topic, then approve it. Check the box next to the comment, then follow the instructions to Rename a Topic on page 13. When the topic appears correct, approve the topic as described in 4.a above. c. Delete the topic. Check the box next to the topic, then click Delete Checked. Editing Text Many components of Community Center allow you to add and edit extended passages of text using a standard text edit box. There are now two options available for text editing in Community Center: A What You See is What You Get (WYSIWYG) box and the standard CC Text Box (used on all Community Center applications before version 4). Both options help you add formatting and functions to your text using Hypertext Markup Language, or HTML. The WYSIWYG box hides the complicated code from you, but offers fewer options. The CC Text Box offers much more creative freedom, but does require that you know something about how HTML code works. Your Site Manager determines which option is best for your site. You can learn more about HTML in Appendix B About HTML on Page 25. The following sections describe how each option works. Please read the section appropriate for your site. Below are some procedures that pertain to both options. Community Center v4 Editor Manual - DRAFT Page 14 of 30

15 Adding Text to a Text Edit Box If you have a relatively small amount of text to enter into a Text Edit Box, then you may want to just type it directly into the box. However, if you have a large amount of text, you may want to type the text into a word processing application (such as Microsoft Word or Corel WordPerfect), then copy the text from there and paste it into the Text Edit Box. This can allow you to check spelling, etc. before the text is added to a web page. Note: You lose all formatting of text when it is copied from a word processing application to the CC Text Edit Box (but not necessarily the WYSIWYG Text Edit Box). Therefore, format the text once it is in the CC Text Box, not in the word processing application! To copy and paste text: 1. While using your Community Center application, open your word processing file. 2. Highlight the text in the word processor, and then press Ctrl-C (or right-click and select Copy) to copy it. 3. Change to your browser window and click in the Text Edit Box. Press Ctrl-V (or right-click the Text Edit Box and select Paste) to paste the text. Working with the WYSIWYG Text Edit Box The WYSIWYG Text Edit Box allows you to see the changes you make as you make them. It works just like your word processing software. Just type or paste text in the box, then use the helper buttons to add formatting. Using the Standard Helper Buttons To use the helper buttons, simply highlight some text (click and drag your mouse over it), and click one of the buttons. To remove a particular format or function, highlight the same area again, and click the same button again. Here is a list of the standard helper buttons and their functions: Makes highlighted text bold. Makes highlighted text italics. Left justifies highlighted text. Center justifies highlighted text. Right justifies highlighted text. Full justifies highlighted text. Makes each paragraph of the highlighted text a bullet list. Makes each paragraph of the highlighted text a bullet list. Community Center v4 Editor Manual - DRAFT Page 15 of 30

16 Makes the highlighted text into a hypertext link. You need to know the URL that you want to link to before you click this button. When you click this button, an Insert/edit link window will appear. 1. In the Link URL box, type the full URL if the link is going to a different web site (e.g. Type only the file name if the link is going to your web site (e.g. default.asp) 2. In the Target box, select Open link in a new window if the link is going to a different web site. Select Open link in the same window if the link is going to your web site. 3. Ignore the Title and Class options, then click Insert. Removes a hypertext link from the highlighted text (or the hypertext link that the cursor is currently in). Outdents highlighted text if it has been indented. Indents highlighted text. Displays a preview of the text in a popup window. Highlights all the text in the text box. Cuts all highlighted text to the clipboard. Copies all highlighted text to the clipboard. Pastes text from the clipboard. Allows you to find text in the text edit box. When you click this button, a Find window will appear. 1. In the Find what box, type the text you are looking for. Choose a Direction if necessary, and check the Match case box to search for the exact text you typed in the Find what box. 2. Click Find next. You can click Find next repeatedly to find multiple instances of the text you entered. Allows you to find and replace text in the text edit box. This button works just like the Find button, but includes a box where you can type some replacement text. Click Find next to find the text, then click Replace to replace that instance and search for the next one. Click Replace all to replace all instances of the text. When it can t find any more instances of the find text, a box saying that The search is completed will appear. Removes any formatting from the highlighted text. Undoes any formatting applied to text. Redoes anything undone with the Undo button. Inserts the current date into the text. Inserts the current time into the text. Inserts special characters into the text. When you click this button, the Select custom character window appears. Click on any character to insert it into the text. Places a horizontal rule into the text. This is a horizontal dividing line. Community Center v4 Editor Manual - DRAFT Page 16 of 30

17 Displays and allows you to edit the HTML source code for the text in the text box. You can use this to add any allowed HTML tags that cannot be added with the helper buttons. When you click this button, the HTML Source Editor window appears. Make any changes to the code you want, then click Update. The window will disappear and the text in the text box will reflect any changes that you made. For more information about HTML, see Appendix B About HTML on Page 25. Working with the CC Text Edit Box The CC Text Edit Box gives you some help in working with HTML formatting of your text. The text that appears in the box includes any HTML tags that you add to the text, either manually or using the helper buttons at the top of the box. Before using the CC Text Edit Box, you will want to become familiar with Appendix B About HTML on Page 25. Do I Have to Use HTML? No, you don t. Your Community Center Application has been designed to allow you to simply type text into a Text Edit Box, submit it and forget it. However, if you would like more control over how your text looks or want to use a little more creativity on your pages, then you should learn something about HTML. The AutoBreak Feature The AutoBreak feature can be On or Off. If On, then every carriage return (Enter on your keyboard) will be automatically converted to a line break <br> tag when you submit the form. If Off, then you must manually insert line break <br> tags. The AutoBreak feature always defaults to On. Click the AutoBreak button to toggle the state of the AutoBreak feature. Using the Helper Buttons The Helper Buttons are available to help you place HTML in your text. Though you will still need to know how HTML works in order to use them, the Helper Buttons are designed to help you quickly add the tags you will use most often. When using the Microsoft Internet Explorer browser, the results of clicking a Helper Button are applied to the text in the text edit box that you have highlighted. In fact, the Helper Button will generally have no effect unless some text is highlighted. Therefore, when using Internet Explorer, it is best to type your text first, and then apply the formatting later. When using any other browser, the results of clicking a Helper Button are placed at the end of the text currently in the text edit box. Because of this, it is best to apply formatting to the text as you type. Community Center v4 Editor Manual - DRAFT Page 17 of 30

18 Helper Button Summary Inserts bold tags (<b></b>). Inserts italics tags (<i></i>). Inserts a line break tag (<br>). Inserts bullet list tags (<ul><li></li></ul>). Inserts number list tags (<ol><li></li></ol>). The bullet and number list Helper Buttons will add a <li></li> tag set for each line that ends with a carriage return (the Enter key on your keyboard) in the highlighted text (when using Internet Explorer). Inserts a hypertext link to another web site or page (<a></a>). When you click the hypertext link button, a small popup window will appear in which you should type the web address (URL) of your link. If you want to link to a specific page on the web, then the following procedure usually gives the best results: 1. Open a new browser window and navigate to the page you want to link to. 2. Highlight the contents of the Address or Location box, right-click it, and select Copy. 3. Switch to the Community Center application browser window. 4. Click the hypertext link button. A popup window appears. 5. Right-click the URL box on the popup window and select Paste. 6. Click the OK button. A properly formatted <a> tag will appear in the Text Edit Box. Inserts a link to an address (<a></a>). When you click the link button, a small popup window will appear in which you should type the address for the link. Inserts a link to a map - Optional. This button only appears if your Community Center application includes maps and your Site Manager has configured your Community Center application to allow map links. If available, a popup window will appear when you click this button that will allow you to choose a map group, a map theme, map overlays and a starting zoom level. When you are done, click Use Selected Map Link. This will place an anchor tag (<a></a>) in your text with the appropriate map link. Inserts a link to a glossary term - Optional. This button only appears if your Site Manager has configured your Community Center application to allow glossary links. If available, this button allows you to add a link to the glossary using the term you have highlighted in the Text Edit Box. Inserts a symbol character. When you click this button, a popup window will appear showing all of the available symbol characters. These include copyright, trade mark, currency, and accented characters, among others. Simply click on one or more characters and they will appear in the Text Edit Box. Click Done to close the popup window. Deletes HTML tags. If using Internet Explorer, the tags will be deleted from a highlighted area. If not, you are given the option of deleting all HTML tags in the Text Edit Box. Displays a popup window with a preview of the text in your Text Edit Box. Note that some links will not work from the preview window. The preview window is Community Center v4 Editor Manual - DRAFT Page 18 of 30

19 intended to give you a visual representation of the text you have entered. Displays the Text Edit Box help. Using MyCC MyCC lets you save a customized list of links for your web site. Unlike your Favorites or Bookmarks link lists for your browser, MyCC will save everything you currently see on the site. Database query results, map views as well as regular pages can all be saved with MyCC. Once you have saved one or more links, you can: Quickly return to the page or map you were viewing your links to someone else Make notes about your links for future reference Use your link list as a slide show If you have an account on the site, you can save your link list so it will be available next time you visit the site. If maps are available on your site, you may also use the MyMap feature to create customized maps. MyCC will probably be called something else on your site. It will work the same way as described below, though. Add a Link to MyCC When you find a page or map on the site you want to save, you can add it to your MyCC list. 1. If MyCC is available, somewhere on your site you will see a link called Add to MyCC. For maps, this link is just to the left of the top toolbar. Click this link. The Add Link window appears. 2. In the Title box, verify or modify the Title provided. In the Notes box, you may optionally provide some notes or explanation for this link. 3. When done, click Save This Link. The Add Link window disappears. NOTE: Links added to MyCC are only available during your current web site session. Unless you are logged in and actually store your links for later use, your MyCC links will be lost when you close your browser or your session times out (after 20 minutes of inactivity). If you are not registered and want to save your links, you can them to yourself. Use MyCC Links Once you have added or stored one or more links, you can return to MyCC to use those links. Somewhere on your site you will see a link called Use MyCC (or something similar). Click this link. The Manage Links window appears. You now have several options: Revisit the Link Click the link title to return to the page or map saved in the link. Edit a Link 1. Click the Edit button next to the link title. The Edit Link window appears. Community Center v4 Editor Manual - DRAFT Page 19 of 30

20 2. Modify the Title or Notes as necessary. 3. When done, click Save This Link. The Add Link window disappears and the Manage Links window refreshes to show any changes you have made. Delete a Link 1. Check the box next to one or more link titles. 2. Click the Delete Checked Links button. The Manage Links window refreshes without the links you have selected. Manually Use a Link Elsewhere You may want to paste a MyCC link onto a web page or in a custom To do this, click the Link button next to the link name. A popup window appears with a text box containing the full URL of the MyCC link. 2. Right-click the text box. A context menu appears. 3. Select Copy. Then, click OK on the popup window. The popup window disappears. You can now paste the link anywhere a link can be pasted. the Links Note that all links in the Session section will be sent. 1. Click the Send These Links Via button. The Send Links window appears. 2. In the To box, enter one or more addresses. Separate addresses with a comma. Modify the Subject as necessary, and provide a Message if necessary. You must supply your name and a valid address. You may check the Also send me a copy of this box to have a copy sent to yourself. You may check the Send mail in HTML format box to send a formatted version of the . When done, click Submit. The Send Links window displays a message that your has been sent. Community Center v4 Editor Manual - DRAFT Page 20 of 30

21 Appendix A Page Management Tool Page Elements A Page Management Tool (PMT) page form can be rather complicated. However, there are types of page elements (such as document links, web links, links groups, pictures and text) that are used in different combinations to produce most pages. This appendix will give you an idea of what these elements look like so that you can recognize them in their unique contexts on the PMT page form. Labels Labels are most often used for page titles, page descriptions and page section headings. You generally cannot modify the format of a label. Pay attention to the description text along with the label box to see how a particular label is being used. Pictures Pictures can appear in many areas of a page, so most template forms have many picture elements. Typically, picture elements appear in pairs, giving you the option of providing a picture on the left and right sides of the page. Generally, we do not recommend using both. Pay attention to the section headings rather than the description text to see how a picture is being used. Use the Browse button to navigate to a picture file (usually with a JPG, GIF, BMP or PNG file extension) on your computer. Always provide some Caption text. Optionally, there may be a box for you to add a URL to which the end user will be sent when they click on the picture. When you submit the form, the picture file gets copied from your computer to the web server, so be patient as this happens. Text The text box is the most easily recognized page element. You can type or paste text into the text box, and apply HTML formatting codes. See Appendix B About HTML on page 25 for more information. Community Center v4 Editor Manual - DRAFT Page 21 of 30

22 Web Links Web link elements are used to link to existing web resources. These are not to be confused with links groups (see below). A web link element allows you to type some text in a Label box. This is the text the user will see and click on to get to the web resource. You then need to provide a URL or Page to link to. When providing a URL, type a fully qualified web address, such as If you want to link to a page in the Community Center web site where you are working, you only need to type the page name, such as home_page0016.asp. Document Links Document links are used to upload computer files to the web server for users to download. Document files can be PDF files, MS-Word files, or any computer file that is not a picture. Use the Browse button to navigate to the file location on your computer. The Caption text is optional, but recommended (if you do not provide the Caption text, the file name will be used instead). When you submit the form, the document file gets uploaded to the web server, so be patient as this happens. There is a 2 MB limit on document file size. Links Group A links group allows you to add additional pages to a web site. Only some templates allow creation of links groups. Watch for template page descriptions that include the words links group. On the template form, you need to provide a name for the links group in order to make it available on the page. The prompt for this box is usually Group Title. Please be as descriptive as possible. Alternatively, you may also use an existing links group. To do this, click Load an Existing Links Group. The Page Management Tool Use an Existing Links Group window appears. Check the box next to the Links Group you want to copy, then click Submit. Community Center v4 Editor Manual - DRAFT Page 22 of 30

23 Component Views A component view box allows you to place a view of a component (Calendar, News, Forum, Poll, Map View, etc.) on a page. You may add as many component views in one component views area, unless the area is inside a repeated section of a template, in which case you are only allowed to add one view. To Add a New Component View 1. Click the Configure Component Views link. The Component View Manager window appears. Click the Add New Component View list. Select a view from the list. The view will appear in the Current Views list. 2. Click the Edit View Properties link. The View Configuration window appears. 3. Make your configuration option selections as needed. When done, click Submit. Note: Some configuration interfaces may offer some extra options based on your initial set of selections. If the View Configuration window re-appears after the first time you click Submit, review the selections and click Submit a second time. 4. On the Component View Manager window, click Use These Views. The Component View Manager window disappears. 5. On the page edit form, click Submit. The component view should appear on your refreshed page. To Modify a Component View 1. Click the Configure Component Views link. The Component View Manager window appears. 2. In the Current Views list, click the Edit View Properties link. The View Configuration window appears. 3. Make your configuration option selections as needed. When done, click Submit. 4. On the Component View Manager window, click Use These Views. The Component View Manager window disappears. 5. On the page edit form, click Submit. The component view should appear on your refreshed page. Community Center v4 Editor Manual - DRAFT Page 23 of 30