Helpful Tips

Here are a number of helpful tips and tricks (outlined below) that you may find beneficial when creating or editing your CMS web pages.  Please check back often for additional tips and tricks.

TIPS

 - Production Manager
Updated pages do not publish until you have 'Submitted' or 'Approved' them based on your user rights.  If you cannot find a page, remember to look in the 'Production Manager' to see if the page is there.  If it is, follow the directions in section 9.0 of the CMS User's Guide.

 - Left Navigation
Once users update pages and approve them, they often have trouble viewing the pages.  Click on 'Manage Left Navigation' to update the channels and pages.  Follow the instructions in Section 11.0 on page 14 of the CMS User Guide.

TRICKS

Text Wrapping
Image Borders
Image Padding
Opening Attachments in New Windows

The tricks provided in this section are HTML coding tags that you can manipulate for additional features in CMS.  They are not required functionalities, but add to the asthetics of each page.

- Text Wrapping
Currently, there is no text wrapping tool for CMS sites.  However, agencies who feel comfortable with HTML code can change the page to force text wrapping.  Follow the directions below to wrap text around an imported photo.

1. Click on HTML in the Formatting Box.
2. Notice this source code on the page.  Always look for the IMG tag to help you find pictures. <P><FONT size=2><IMG src="/NR/rdonlyres/1C1ED4D3-E379-4AFF-A536-36814E12013D/0/Picture003.jpg" border=0></FONT></P>
3. Now type align=left right after border=0.  For example.  <P><FONT size=2><IMG src="/NR/rdonlyres/1C1ED4D3-E379-4AFF-A536-36814E12013D/0/Picture003.jpg" border=0 align=left></FONT></P>
4. Once you save and exit the screen you will be able to see your text alignment.  If you would like for the text to be aligned right then you will type align=right.

                                                               Top

- Image Borders
Using HTML tags like the text wrapping trick above, agencies can create borders around photos they use on their sites.  Using the html code found in step 3 above you can place a border around an image.

1. Click on HTML in the Formatting Box.
2. Notice this source code on the page.  Always look for the IMG tag to help you find pictures. <P><FONT size=2><IMG src="/NR/rdonlyres/1C1ED4D3-E379-4AFF-A536-36814E12013D/0/Picture003.jpg" border=0></FONT></P>
3. Now replace the 0 after border with another value.  For example.  <P><FONT size=2><IMG src="/NR/rdonlyres/1C1ED4D3-E379-4AFF-A536-36814E12013D/0/Picture003.jpg" border=2 ></FONT></P>
4. Once you save and exit the screen you will be able to see the image border.  If you would like for the border to be thicker you can increase the value.

                                                                Top

- Image Padding
Once you have wrapped your text and added the
border to the image, you may notice that the text is
sitting very close to your image.  You can change
this by "padding" the space around the image. 

Click on HTML in the Formatting Box.
Notice this source code on the page.  Always look for the IMG tag to help you find pictures. <P><FONT size=2><IMG src="/NR/rdonlyres/1C1ED4D3-E379-4AFF-A536-36814E12013D/0/Picture003.jpg" border=0></FONT></P>
Now after the border command add style=MARGIN-TOP: 10px; MARGIN-RIGHT: 10px; MARGIN-BOTTOM: 10px; MARGIN-LEFT: 10px; and then make sure the > closes out the tag.  If you do not want to pad around one part of the image just remove it.  For example, if you don't want any padding on the left side just remove MARGIN-LEFT: 10px.
The 10 px also means 10 pixels so you can make that bigger to 20 pixels or smaller than 10.  It's whatever you prefer.

                                                                  Top

-Opening Attachments in New Windows
In some cases you will include an attachment to your page from the Resource Gallery.  To guarantee that your user is able to view or download that attachment while remaining on your site, you will use what's known as a Target tag.  Follow the steps below to include the html for this feature.

1. Click on HTML in the Formatting Box.
2. Scan through the information and find the HREF tag. ><A href="/NR/rdonlyres/29C1A97C-B327-4A93-A1A1-B0624CFBF8E0/3361/CMSUserGuide110.doc">
3. Now that you have found the correct code, you will include target=_blank after the quotation mark at the end of the resource reference and before the final > tag.  There is an example listed below of what the code will look like when you are finished adding the target tag.
4. Once you add the tag, click Save and Exit to test to see if it works.

<A href="/NR/rdonlyres/29C1A97C-B327-4A93-A1A1-B0624CFBF8E0/3361/CMSUserGuide111.doc" target=_blank>

Top