How To Guide. Hannon Hill Corporation for Rowan University

Transcription

1 How To Guide Hannon Hill Corporation for Rowan University Hannon Hill Corporation 3423 Piedmont Road, Suite 520 Atlanta, GA

2 Rowan University: How To Documentation 2 Table of Contents Logging into Cascade CMS... 2 Configuring what you see on login... 3 Cascade CMS Basics... 4 Dashboard... 4 What is a site?... 6 Navigating to your site... 7 Navigating within your site... 8 Common Icons in Cascade CMS Editing pages in Cascade CMS Creating new content in Cascade CMS Banner Image External Link File Folder Form Image New Subsite Page Setup Block Publishing Content to the Web Navigation Updates Reordering the Navigation Starting a New Level of Navigation Including Pages from Outside Sections in a Specific Navigation Including Links to External Sources in the Navigation 37 Content Editor in Cascade CMS Basic Formatting Options Fullscreen Editing Linking Content Removing a link Inserting an Image Inserting Video Additional Editor Options Logging into Cascade CMS Type the following URL into your browser: Enter your Username and Password.

3 Rowan University: How To Documentation 3 Configuring what you see on login What you see when you log in depends on what you set in your Settings menu. You can set a Default Site to be taken to on login.

4 Rowan University: How To Documentation 4 Choose a site here and click Submit. Cascade CMS Basics Cascade CMS will be used to manage your website content. A few areas that you will need to become familiar with in Cascade CMS are the Dashboard, Site dropdown, the Site Content tree, and Search. Dashboard The Dashboard is meant to provide you with an overview of different actions and reports relevant to content in sites that you have permission to access. The Dashboard is a onestop place for the creation and management of your content, with movable widgets to set your own personal workflow. To move a widget, click on the menu bar, hold, and drag anywhere on the screen.

5 Rowan University: How To Documentation 5 Most of your content is right in front of you and not specific to one site. To show content from only one site, locate the Filter Dashboard option in the upper right corner of your Dashboard and choose your site. The Dashboard will refresh, with your site-specific content showing. To erase your filter, click Reset Dashboard. Your Dashboard widget positions will revert to stock positioning. To add other widgets, click Add Widget in the upper right corner.

6 Rowan University: How To Documentation 6 Choose the widget(s) you want on your Dashboard by clicking on the plus (+) sign. What is a site?

7 Rowan University: How To Documentation 7 Sites allow administrators to section off major parts of large websites like rowan.edu, and give custom permissions to different users in those different sections. Once logged in, at the top of the screen, you will see the site dropdown. You will only see sites that you have permission to in that dropdown. Your site dropdown may therefore have different sites than your co-worker s site dropdown. We will cover how to see where your content changes can be seen on the live website in the Publishing Content section. Navigating to your site In the top left section of Cascade CMS, you will see a dropdown with options for selecting different sites. Select a site from the site dropdown. If looking for a specific site, the search bar above the site listing can be used to quickly locate it. Type a few characters into the box and the list will only show matching sites.

8 Rowan University: How To Documentation 8 Navigating within your site Now that you are in your site, you will want to familiarize yourself with the Site Content tree. The Site Content tree allows you to organize your content into folders with similar topics or content. The Site Content tree can be used to improve the SEO (Search Engine Optimization) for your website by incorporating the names of parent folders and pages into the web URL or web address of your page. This means that if you organize your content by topic in your site, the page URLs should reflect those topics, making them more visible to search engines and SEO friendly. Select the blue button under the Cascade CMS logo to expand the Site Content tree if it is not already expanded.

9 Rowan University: How To Documentation 9 Note: In the mobile view of Cascade CMS, you will need to select the menu option in the top left corner and then select Site Content. Note: If you are in the full Desktop view, you will have some additional functionality that may not be allowed on a mobile device. For instance, you can click on folder icons to get a quick preview of content within the folder without having to actually move into the folder. You can also right click on items in the Site Content tree to access a quick menu of options for that item.

10 Rowan University: How To Documentation 10 Common Icons in Cascade CMS Page Block File Folder Editing pages in Cascade CMS To edit existing page content in Cascade CMS, you should navigate the folder tree and click on the page you want to change. Once on a page, select the Edit option at the top of the screen.

11 Rowan University: How To Documentation 11 You will be presented with the following options for editing your content. See the Content Editor in Cascade CMS section for more information about the editor.

12 Rowan University: How To Documentation 12 Field Name Description Display Name A way to provide a shortened label for the Breadcrumbs that is different from the Title of the Browser/Page Title Title will be used to display on the web browser tabs at the top of the (required) page and in the URL. It is important to make the Title as descriptive as possible for SEO (Search Engine Optimization) purposes. Display Radio option: Yes or No; Allows users to turn off the display of the Navigation automated Left Navigation tree Include in Left Navigation Banner Image File Alternative Text Main Content Heading Content Add Features Radio option: Yes or No; Allows users to remove a page from display in the automated Left Navigation The Banner identifies the image and information found at the top of the page. It contains optional fields that can be expanded/collapsed using the arrow. The Image File and Alternative Text fields (explained below) should both be filled in when a Banner Image is being added to the page. Ability to select a banner image for display at the top of the page above the main content area Ability to enter alternative text for use with the Banner Image. The Alternative Text should be descriptive of what is shown in the Banner Image. Providing accurate Alternative Text is an important step in complying with Accessibility standards and making your website friendly to all users. Main Content is a grouping of fields that allow users to enter the main content for the page. These items can be expanded/collapsed using the arrow. The Heading text field allows users to enter text for display above the main content of the page. A built-in word processor allows you to update the main content for the page. Content can be added and styled using the various options in the editor, including Bold, Italics, Linking, and Media embeds. Add Feature is a smart field. If checked additional fields will be displayed for additional feature content entry. Those fields are outlined below.

13 Rowan University: How To Documentation 13 Field Name Description Row Features Provides users the ability to make feature content sections below the main content area of the page. Can be expanded/collapsed using the Feature Size Feature Style arrow. Ability to make Feature boxes that take up one-third or one-half of the row on the page. Note: choosing ½ will result in larger feature boxes. Radio option: Standard or Full Background. Allows users to choose between Standard features, which include an image and a link to more information and are limited in height or a Full Background style, which creates columns of free form text. Options displayed if Feature Style is set to Standard: Field Name Description Feature Provides you with the ability to make sections of content in the feature Title (required) Image File Alternative Text area of the page. Can be expanded/collapsed using the arrow. You must enter a Title that will be displayed as a heading for the feature content column. Users can select an image file within Cascade CMS to display within the feature content column. The Image will be displayed below the Title. To use this field, you should select Choose File button. An image picker will be presented. This will allow you to preview and select images available in Cascade CMS. Once the image is selected, click Submit to save the Image in the chooser field. Ability to enter alternative text for use with the Feature Image. The Alternative Text should be descriptive of what is shown in the Feature

14 Rowan University: How To Documentation 14 Content (required) Link (required) Image. Providing accurate Alternative Text is an important step in complying with accessibility standards meant to make your website friendly to low vision users who use screen readers. Ability for you to enter main text for the Feature section. Content will display below the Feature Image. However, this content is limited in length and should only serve as a teaser for the page targeted by the link. You must select a file, page, or external link within Cascade CMS to link to within the feature content column. The Link will be displayed below the feature content. To use this field, you should select Choose File, Page, or Link button. A link picker will be presented. This will allow you to navigate Cascade CMS and select the appropriate file, page, or external link to link to. Options displayed if Feature Style is set to Full Background: Field Name Description Content The word processor allows you to update the main content for the page. Content can be styled using the various options in the editor, including Bold, Italics, Linking, and Media embeds. Once all content is entered select the Save & Preview button at the top of the Editing screen. A preview of the content changes will then be presented to you. If you select Close, no changes will be saved. If you are happy with your changes, select Submit. If you are not happy with your changes, select Discard Draft to remove all changes or Edit to continue editing.

15 Rowan University: How To Documentation 15 The Submit option will open up a window where you can select different Content Checks that you can opt in or out of depending on your permissions. The Content Checks include Spelling, Accessibility, and Broken Links. Once you decide which Content Checks you would like to go through, select Submit. If you opt to proceed through the different Content Checks, you may be presented with a screen for the errors that are found during the Content Check. You will be able to fix those errors or ignore the errors. The next step will be making the changes live for your web visitors. To make the changes live, please see the section titled Making My Changes Live. Creating new content in Cascade CMS New content in Cascade CMS can be created using one of two methods. 1. When you are in a site, select the pink circle with the + icon to the right of the Site menu.

16 Rowan University: How To Documentation 16 From the dropdown, select the new type of content that you would like to create. 2. From the Dashboard in the New Content widget, select from the New Content Wizards that you would like to create. Note: the dashboard must first be filtered by the Site to utilize this widget. The following are different types of content that can be created: Banner Image External Link File Folder Image New Subsite Page

17 Rowan University: How To Documentation 17 Setup Block Below are details for creating each of these types of content. Banner Image From the New Content dropdown or the New Content Wizard, select Banner Image. Field Name Description File Name Ability to provide a Name for the file being stored in Cascade CMS. This field will default to the file name from your computer once the file is chosen. This default can be overridden by changing the File Name before save. Note: if you change the File Name, the extension will need to be kept the same. Placement Defaults to banners folder for easy organization and storage Folder Drop a file Allows you to drag and drop file from computer into dotted upload box. here or choose Alternatively, you can navigate to file on your computer by selecting one from your the choose link and browsing through your files. computer Advanced Editor Area will be populated once image is dropped into upload area. Basic image editing can be done before selecting Save & Preview. After all fields have been filled in, select the Submit button at the top of the panel. You will then be presented with a preview of your image in Cascade CMS.

18 Rowan University: How To Documentation 18 Be sure to click the Submit button and then the Submit button on the Content Checks panel. External Link The External Link asset allows you to enter URLs for linking to content outside of Cascade CMS. External Links can be stored in a site s folder structure so that it can be included as an item in the site s generated navigation. External Links can also be created for embedding links inside body content via the Content Editor. If you add the external link using the content wizard or new content dropdown and then embed it inside your content (rather than typing the link directly in to the editor) you can use the link repeatedly and only update it in one central location should it ever change. From the New Content dropdown or the New Content Wizard, select External Link.

19 Rowan University: How To Documentation 19 Field Name Description Link Name Name for storage of the Link in Cascade CMS folder structure. Make this a friendly name for those who will edit your site. Placement Folder browser used to find where you would like to store your External Folder Link. This defaults to the last folder that you navigated to, but may be modified during Link creation. Link Allows you to enter URL to page or file not within Cascade CMS (required) Metadata Set Do not modify this. After all fields have been filled in, select the Submit button at the top of the panel. You will then be presented with a preview of your External Link in Cascade CMS. Be sure to click the Submit button and then the Submit button on the Content Checks panel.

20 Rowan University: How To Documentation 20 File The new File wizard allows editors to upload files they can link to from within content. Use it to upload PDFs, DOCs, Excel documents, PowerPoint presentations, or other files. All new Files will be stored within the _docs folder of the site. From the New Content dropdown or the New Content Wizard, select File. Field Name Description Title Title for document. The Title can help other site editors search through (required) the CMS for a specific page Placement Defaults to _docs folder for easy organization and storage Folder Drop a file Allows you to drag and drop file from computer into dotted upload box. here or choose Alternatively, you can navigate to file on your computer by selecting one from your the choose link and browsing through your files. computer After all fields have been filled in, select the Submit button at the top of the panel. You will then be presented with a preview of your file in Cascade CMS. Be sure to click the Submit button and then the Submit button on the Content Checks panel.

21 Rowan University: How To Documentation 21 Folder The new Folder asset will allow you to organize content by topic or audience into folders within your site. You will be using folders to maintain your site s organization, to make information easily searched and to create your site s left-hand navigation. From the New Content dropdown or the New Content Wizard, select Folder. Field Name Description Folder Name The name the folder will have in the Site Content tree. This will also be used as part of the URL for any pages stored within the folder. Placement Folder browser to find where you would like to store your folder -

22 Rowan University: How To Documentation 22 Folder Title Include in Left Navigation Restart Navigation Defaulted to the last location you were within the site. This can be modified by clicking on the folder icon and browsing for a different location within the site. Title for document. The Title can help those searching Cascade CMS find this file more easily. Allows you to include or exclude the folder as a menu item on your site s left-hand navigation. If yes, the title or landing page of your folder will become a new navigation item.. Allows you to restart the navigation from a selected folder. Restarting the navigation will change the navigation/menu of the pages inside your new folder. Any page inside that new folder will no longer share the navigation with the pages above it. Instead, pages inside this new folder will have a back to link to point to the landing page in its parent folder and, under that, a new menu indicating the pages and folders inside your new folder. Form From the New Content dropdown or the New Content Wizard, select Form. Field Name Description Page Name The name the form will have in the Site Content tree. This will also be used as the final part of the URL when published. Placement Folder browser to find where you would like to store your folder - Folder Defaulted to the last location you were within the site. This can be modified by clicking on the folder icon and browsing for a different location within the site. Display Name A way to provide a shortened label for Breadcrumbs that is different from the Title of the Browser/Page. Title (required) Display Title will be used to display on the web browser. It is important to make the Title as descriptive as possible for SEO (Search Engine Optimization) purposes. Radio option: Yes or No; Allows you to turn off the display of the

23 Rowan University: How To Documentation 23 Navigation Include in Left Navigation automated Left Navigation tree. Radio option: Yes or No; Allows you to remove a page from display in the automated Left Navigation. Field Name Description What should Check box options to determine how results should be sent/stored. send will result in each form submission being sent as an . save- this form do with to-excel will result in each form submission being stored as a row in an submissions? excel file in Cascade CMS that will need to later be downloaded for use. If saving If you want your form to save the information it gathers to a file, results to CMS access the configuration fields you need by using the arrow. Configuration Choose a file in the folder in which you want to save the file. Note: The file chosen will not be modified Enter file name to be saved (skip the file extension) If results are to be ed Block chooser Allows you to select a Configuration Block. Note: Configuration Block for selection will need to be setup by an administrator. Allows you to select where in the system the excel file should be stored. You need to browse to the folder and file (within the folder ) to tell the the system where to write the information from the form. This will be the name of the excel file in Cascade CMS If you want your form to save the information it gathers, access the configuration fields you need by using the arrow.

24 Rowan University: How To Documentation 24 address from which the s will be sent Subject (Title) Address to receive results Allows you to enter address that form submissions should appear to be from. This can be useful for setting up filters for various form submissions. Allows you to enter subject line for the form submissions being ed. This can be useful for setting up filters for various form submissions. Allows the you to enter a single or multiple addresses to receive form submissions. To enter multiple addresses, select the green plus icon. Enter one per line. Field Name Description Form Content editor for display above form fields. Use this to add special Instructions instructions or an introduction for people filling out the form. (required)

25 Rowan University: How To Documentation 25 Field Name Description Form Item Allows you to add multiple fields to your form. Use the green plus icon to add addition fields to the form. You can rearrange fields using the up and down arrows that appear once more than one field is on the form. Field Type Dropdown Allows user to specify the type of field (examples: text, text area, password, dropdown, radio button or checkbox) Name Allows users to specify the Name of the form field. This will be sent in (required) the results and/or stored in the excel file. This is how you will link information gathered from the form to the field it came from. Label Allows you to enter a user-friendly label for the form field. It is what your page visitor will see. Default Value Allows you to specify if the form field should default automatically to specific content. Required Field Allows you to designate form field as required. Web visitors will not be allowed to submit forms unless all fields marked required have been filled. Submit Button Allows you to specify the label on the Submit button. Text (required)

26 Rowan University: How To Documentation 26 Field Name Description Form Content that will be presented to web visitors who successfully fill out Confirmation the form. Text (required) After all fields have been filled in, select the Submit button at the top of the panel. You will then be presented with a preview of your form in Cascade CMS. Note: the form will not actually work until published. Be sure to click the Submit button and then the Submit button on the Content Checks panel.

27 Rowan University: How To Documentation 27 Image The new Image asset allows users to upload image files that will be organized automatically into an _images folder within the site. From the New Content dropdown or the New Content Wizard, select Image. Field Name Description File Name Ability to provide a Name for the file being stored in Cascade CMS. This field will default to the file name from your computer once the file is chosen. This default can be overridden by changing the File Name before save. Note: if you change the File Name, the extension will need to be kept the same. Placement Defaults to _images folder for easy organization and storage Folder Drop a file Allows you to drag and drop file from computer into drop zone. here or choose Alternatively, you can navigate to file on your computer by selecting one from your the choose link and browsing through the files on your computer. computer Advanced Editor Area will be populated once image is dropped into upload area. Basic image editing can be done before selecting Save & Preview.

28 Rowan University: How To Documentation 28 After all fields have been filled in, select the Submit button at the top of the panel. You will then be presented with a preview of your image in Cascade CMS. Be sure to click the Submit button and then the Submit button on the Content Checks panel. New Subsite The New Subsite asset will create a folder that contains a starter page and setup block within it. This will allow you to more easily create sections of a new site that have different yellow heading areas or left-hand column features. From the New Content dropdown or the New Content Wizard, select New Subsite.

29 Rowan University: How To Documentation 29 Field Name Description Folder Name The name the folder will have in the Site Content tree. This will also be used as part of the URL for any pages stored within the folder. Placement Folder browser to find where you would like to store your folder - Folder Defaulted to the last location you were within the site. This can be modified by clicking on the folder icon and browsing for a different location within the site. Title Title for document. The Title can be useful for users searching Cascade CMS to more easily find this file. Include in Left Navigation Restart Navigation Allows you to exclude folders of content from display in the Left Navigation on the relative pages within the site. You will probably want to leave this at yes since your visitors will only find your subsite through your main site s navigation. You will want to choose yes. That will restart the navigation for your new subsite. Restarting the navigation will change the navigation/menu of the pages inside your site. Any page inside that new site will no longer share the navigation with the pages above it. Instead, pages inside this new site will have a back to link to point to the landing page in the parent site and, under that, a new menu indicating the pages and folders inside your new site. After selecting Submit, users may want to edit the starter page and the setup block that is automatically generated. For more information on these assets and their available fields, please see the section for editing Page content or creating the Setup Block. Page From the New Content dropdown or the New Content Wizard, select Page.

30 Rowan University: How To Documentation 30

31 Rowan University: How To Documentation 31 Field Name Description Page Name The name the page will have in the Site Content tree. This will also be used as the final part of the URL when published. Placement Folder browser to find where you would like to store your folder - Folder Defaulted to the last location you were within the site. This can be modified by clicking on the folder icon and browsing for a different location within the site. For more information regarding the editable fields, please see section Editing pages in Cascade CMS Once all content is entered select the Save & Preview button at the top of the creation screen. A preview of the content changes will then be presented to you. If you select Close, no changes will be saved.

32 Rowan University: How To Documentation 32 If you are happy with your changes, select Submit. If you are not happy with your changes, select Discard Draft to remove all content or Edit to restart editing. The Submit option will open up a window where you can select different Content Checks that you can opt in or out of depending on your permissions. The Content Checks include Spelling, Accessibility, and Broken Links. Once you decide which Content Checks you would like to go through, select Submit. If you opt to proceed through the different Content Checks, you may be presented with a screen for the errors that are found during the Content Check. You will be able to fix those errors or ignore the errors. The next step will be making the changes live for your web visitors. To make the changes live, please see the section titled Making My Changes Live. Setup Block The Setup Block allows you to set new left features for all pages within the same folder as the setup block.

33 Rowan University: How To Documentation 33 From the New Content dropdown or the New Content Wizard, select Setup Block. Field Name Description XHTML/Data The name the block will have in the Site Content tree. Defaulted to Definition setup-block. This should not be changed. Block Name Placement Folder Section Title - Title Section Title Folder browser to find where you would like to store your folder - Defaulted to the last location you were within the site. This can be modified by clicking on the folder icon and browsing for a different location within the site. Title for document. The Title can be useful for content editors searching Cascade CMS to more easily find this file. Radio option Yes or No; Allows you to select whether new Section Title

34 Rowan University: How To Documentation 34 Show in Left Sidebar Form Add Form Sidebar Feature Image File Alternative Text Virtual Tour Feature Link should be displayed in yellow block in the left column of the pages contained within the same folder as the setup block. Radio option Yes or No; Allows you to attach a block containing Form data for display on all pages contained within the same folder as the setup block. Allows you to embed an image as a sidebar feature Use the Choose File button to select an image that you would like displayed in the sidebar of pages within the same folder as the setup block. Ability to enter alternative text for use with the Sidebar Feature Image. The Alternative Text should be descriptive of what is shown in the Feature Image. Providing accurate Alternative Text is an important step in complying with Accessibility standards and making your website friendly to all users. Radio option Yes or No; If Yes, will add a popup for the virtual tour to display as a link from the image in the Sidebar Feature area. Ability to select a Link for the Sidebar Feature Image if it is not suppose to link to the Virtual Tour. After all fields have been filled in, select the Submit button at the top of the panel. You will then be presented with a preview of your setup block in Cascade CMS. Be sure to click the Submit button and then the Submit button on the Content Checks panel. Publishing Content to the Web Once content is created or edited, the changes need to be published to make the changes saved to the live web site. You can make as many edits to Files and Pages within Cascade CMS as you like before saving the changes to the live web server.

35 Rowan University: How To Documentation 35 On the Page or File, you should click the Publish button once it is ready to go live. You can publish whole folders of content by navigating to the folder and selecting Publish. You can view the change on the live server after Publish by clicking the More button and selecting Live option from the dropdown. Navigation Updates Navigation for sections is automatically generated as content is added within Cascade CMS. The following section provides some details on how navigation can be further customized. Reordering the Navigation Items in the navigation of a page can be reordered. Items are displayed based on their folder order. Select the folder containing the navigation items that you would like to reorder.

36 Rowan University: How To Documentation 36 Click on Order. You can then drag and drop items into the appropriate order. Starting a New Level of Navigation The navigation is built so that it can show multiple levels. As web visitors traverse deeper within the site, the navigation will expand to show more items indented below their parent folders. Depending on how much content is in your site, this may cause the navigation to start to appear quite cumbersome. You can opt to simplify the navigation by restarting the navigation tree. This will remove all parent folder items from the navigation tree. To restart the navigation, select the folder containing the pages, click edit. At the bottom of the screen, select Yes for Restart Navigation.

37 Rowan University: How To Documentation 37 Including Pages from Outside Sections in a Specific Navigation Pages and files from different sections can be included in another section s navigation structure. To do this, go to the page or file that you would like to include in the navigation, click More -> Reference. Provide a descriptive name in the Reference Name field that will allow you to easily find it within the site s folder structure. Using the Placement Folder chooser, navigate to the section of the site that you would like to include the item in the navigation. Note: the item will be able to be reordered within the navigation by following the Reordering the Navigation steps. Including Links to External Sources in the Navigation Pages and files from external sites may be included in the navigation structure. To do this, create an External Link in the location where you would like the item to be included in the navigation. For more information: see the Creating an External Link section. Content Editor in Cascade CMS

38 Rowan University: How To Documentation 38 The content editor in Cascade CMS allows users to format content and insert graphical elements like images and videos into their content area for a more rich website experience. Basic Formatting Options The following buttons can be utilized to format content. Highlight the content then select the appropriate formatting option. From left to right: bold, italicize, underline, left align, center, right align, and justify

39 Rowan University: How To Documentation 39 From left to right: unordered list, ordered list, decrease indent, increase indent Full-screen Editing To enable a larger editing area, click the full-screen editing button. To return the editor to its normal window, click the icon again. Linking Content To insert a link, highlight the text that you would like to link. Click on the link icon. A window will be presented with options to enter the link information. To link content to another page, file, or link managed within Cascade CMS, click on the Choose File, Page, or Link option.

40 Rowan University: How To Documentation 40 The browser will present the most recently visited content in Cascade CMS. If the item for linking is in this list, click on it or the radio option. Click Choose to finalize the selection. If the item is not in this list, click on the Browse button, navigate to the item by clicking through the folders. Once you are within the correct folder, click on the appropriate item. Click Choose to finalize the selection. Note: Folders cannot be linked directly within content. To link to a folder, the user will need to link to the main landing page of the folder. To link content to another webpage or file that is not managed within Cascade CMS, change the selection from Internal to External. The chooser will change to a text field. The text field will allow the user to enter a URL for a link. Anchor text field allows users to specify a specific point on the linked page to jump to.

41 Rowan University: How To Documentation 41 The Title text field allows users to enter a description for the linked content. The Title field content will present a friendly label when users hover over the link text. The Title will also be utilized for accessibility compliance. Target allows users to specify whether the link should open in the same window or a new window. The Default behavior is for links to open in the same window. Select New Window for a new window. Class can be utilized to specify a style for the link. Removing a link To remove a link in the content area, click on the text that is linked. Select the remove link button. Inserting an Image To insert an image, place your cursor where you would like the image. Click on the image icon. A window will be presented with options to enter the image information. To insert an image managed within Cascade CMS, click on the Choose File option.

42 Rowan University: How To Documentation 42 The browser will present the most recently uploaded and visited images in Cascade CMS. If the image for insertion is in this list, click on it or the radio option. Select Choose to finalize the selection. If the image is not in this list, click on the Browse button, navigate to the image by clicking through the folders. Once you are within the correct folder, click on the appropriate image. Select Choose to finalize the selection. To link content to an image that is not managed within Cascade CMS, change the selection from Internal to External. The chooser will change to a text field. The text field will allow the user to enter a URL for a link. Image description text field allows the user to enter a description for the image. The Image description field content will present a friendly label when users hover over the image. The Image description will most importantly be utilized for accessibility compliance. Dimensions will be automatically filled in based on image selection. This may be updated to display the image in a larger/smaller area. Class can be utilized to specify a style for the image.

43 Rowan University: How To Documentation 43 Inserting Video To insert a video select the insert video icon. In the Source text field, provide a YouTube URL or a URL to another media source. Alternatively, you can click on the Embed tab and paste embed code from a media provider. Alternative source should be filled in to maintain accessibility compliance. The Alternative source should be a description of what is in the video. Enter the Dimensions for the video display. Once all fields are filled in, select Ok. A yellow rectangle placeholder will be displayed while in edit mode on the page. To preview the video in the page be sure to select Save & Preview on the page. Additional Editor Options

44 Rowan University: How To Documentation 44 Additional formatting can be inserted utilizing the Formats dropdown. Users can format content into various headings, blockquotes, and divs. It is strongly recommended that editors only use headings for content that are truly headings and not just for styling content. Headings are powerful tools for Search Engine Optimization and accessibility. Many screen readers are able to jump from heading to heading to allow users to more easily skip from section to section of the webpage. If headings are inappropriately utilized, this could mislead or confuse users who rely on screen readers.