1. Cascade 101

Everything you need to know to get started managing your content in Cascade.

Log In

Using recommended web browsers such as Google Chrome or Mozilla Firefox, you may log in to Cascade with your Emory netid and password. Your netid must be all lower case.

Sign in to Cascade
Back to top

Dashboard

By default, the dashboard includes the following widgets:

  • My Sites - Sites you've recently visited will be listed here. Click any of them to switch into the site, or use the Site dropdown menu to view all sites you have access to.
  • My Content - Quickly access your recently-viewed assets from this widget.
  • Notifications - Your most recent notifications such as publish reports will be listed here.
Back to top

Access your webpages & documents

To access your site in Cascade, click the drop-down menu next to the Cascade Server logo  and select your site from the list. You may also search for your site by typing into the drop-down menu.

Website Dropdown

sites.jpg

The folder view is an easy way to see and access the files and folders that make up the website. Click the folder name to quickly expand its view; right click on a folder or file to select it for further action.

Folders Collapsing and Expanding 

Icons for folders, images, and documents

The following icons are used to represent various items in your website:

  • Web Pages are shown with the paper icon
  • Documents (.pdf, .doc, .jpg) are shown with the photograph icon

Locating images and documents

Images (JPG or GIF) and documents (PDFs) are typically stored in subfolders.

  • Images: /_includes/images
  • Documents: /_includes/documents
Back to top

Search Bar

The Search Bar is always available in the top right corner of your web browser when logged in to Cascade.

The Search Bar is located in the top right corner of the Cascade window at all times.

Using search, you can quickly navigate to content blocks, pages, and documents by entering keywords, titles, and names. Click the search bar to reveal and navigate to recent assets.

search-bar-active.gif

Back to top

2. Editing Pages

To edit a page, navigate to the page in Cascade and click the edit button edit-button.jpg, or right click on the page in the folder structure and select edit. A screen will pop up with your page in edit view.

edit-gif.gif

edit-print.jpg

Many of your pages are interior pages, which use a WYSIWYG editor to input content.

Back to top

WYSIWYG Editor

Basic WYSIWYG Editing

Cascade's WYSIWYG editor isn't a mere clone of Microsoft Word, so let's go over how to add and format your content.

Common text editing options include:

  • Inserting a table

Line breaks

  • Double line break - Press Enter (Windows/PC) or Return (Mac)
  • Single line break - Hold Shift and press Enter/Return

Paragraph

Headings

Heading hierarchy is an important component of structuring your writing, enabling your readers to easily absorb and understand your content.

To select different headings, select the text that you want to be a heading, then click on the dropdown menu that says "Formats".

Only use Headings 2 through 4.

Proper heading hierarchy allows Google, Bing, and other search engines to better index and promote your website for new readers to find. Finally, proper use of headings is important for maintaining ADA compliance, extending our reach to more audiences.

Pasting Text

Pasting text from an application such as Microsoft Word or Google Documents is easy.

Copy+Paste for Windows/PC

CTRL + C to copy, then CTRL + V to paste.

Copy+Paste for Mac

Command + C to copy, then Command + V to paste.

When you paste your text, it might appear sloppy in the Cascade WYSIWYG editor.

It is highly recommended that you use the Paste as Text option located in the Edit dropdown menu.

Copy and Pasting from Microsoft Word

Use the format menu and click the Clear formatting option shown below.

This removes extraneous styling tags that might cause your text to show up differently than you intend.

Create a Link

There are several types of links to send your readers around the web.

Internal link

The internal link sends your reader to another part of your website.

To link to an internal page or file that exists in Cascade, select the text you'd like to link and click on the Link icon:

Click Choose File, Page, or Link, then navigate to the page or document you wish to link to.

internal-link.png

When choosing an internal link asset, there are several options.

  1. Choose an asset that was recently referenced in the list below, or
  2. Browse through all available assets.

The Recent assets tab is selected by default. Click on the Browse tab in order to bring up the asset browser.

assets-recent-browse.png

Select a link by clicking on the radio button (gray circle) to the left.

Once you have selected your link, click the "Choose" button.

choose.gif

internal-link-choose.png

Last, insert the link with the bottom right button:

External links

Choose External, then paste in the full URL.

Email address link

Choose the External link option. In the address box, type mailto: followed by the email address:

Example: mailto:person@emory.edu

 

Remove a link

Select the link you wish to remove, then click the Remove Link button

Shortcodes

Shortcodes allow images or content blocks to be imported into a WYSIWYG interface.

Shortcodes must be entered in a specific format to work. They must begin with "[!" have lowercase content and end with "!]".

Shortcodes begin with...

[!

(Open Bracket and Exclamation Point)

Then proceed with lowercase text...

imgblock

And close with...

!]

(Exclamation Point and Close Bracket)

Example: [!imgblock!]

Try to be descriptive with the content that names the shortcode so that it's easier to figure out which block might have been used when editing the page later.

Shortcode names can only container numbers and letters - no special characters, including dashes (-) and underscores (_).

To include shortcodes in the WYSIWYG, select Yes next to Include Shortcodes.

Select the Type: Block or Image

Display Style:

  • No Wrap - content will not display around block or image regardless of display width percentage.
  • Content wrapped right - content will wrap to the right of the block or image.
  • Content wrapped left - content will wrap to the left of the block or image.

Display Width:

  • 100: block or image will display at 100% width.
  • 75: block or image will display at 75% width.
  • 50: block or image will display at 50% width.
  • 25: block or image will display at 25% width.
  • auto: block or image will display at 100% width.

In the Shortcode field, enter in the exact code that was used in the content. This is how the block will map to that point on the page.

Image - If Image was selected, choose the image file  and navigate to the image in the  /_includes/images folder. Select whether the image will have a caption and fill out the caption information if so.

Block - If block was selected, select the block in Cascade under /_content. 

A shortcode with Display Style: content wrap to the right.

This example shows a shortcode inserted into a content block with the Display Style set to content wrap to the right and the Display Width set to 50%.

Multiple Shortcodes can be included in the WYSIWYG. Simply add another shortcode in the content editor, click the green plus icon and add another block or image for that shortcode.

Submitting Your Page

Click "Save & Preview" in the top right corner of the pop-up window.



If you're satisfied with your changes, click the blue Submit button. Optionally, add a brief description in the small pop-up box describing your addition or edit - this will appear on your page's version history. If you'd like to discard your changes, use the Discard button

If you'd like to bypass the Save and Preview step, you can use the dots icon to directly submit your changes. 

If you are satisfied with your page, you must Publish it to go live. Learn How

Back to top

3. Images and Documents

Upload new images & documents

Images and documents must be proactively uploaded to Cascade before you can place them on your webpages.

To add a document or image to Cascade, use the Add Content > Document or Add Content > Image menu option. 

After selecting your file, click the three-dot menu and Submit to proceed.

Last, make sure to publish the file to the server for future use. Click the Publish tab, and click Submit at the bottom.

You may also right-click the item in the left-hand file tree and select "publish" in the dropdown menu.

You can link to documents in the WYSIWYG just as you can link to a page.

Back to top

Tips for Images

Text on Images

Generally an image should be a visual enhancement of text content and images should not contain text themselves. Images of fliers, for example, should not be used as they contain text that would not be readable by anyone using a screen reader.

In the example above, there are several accessibility issues:

  • A vision-impaired user would not get any of the information about the event listed on the image
  • A user with a slow connection or who has disabled images from loading on the page would not get any information about the event listed
  • This image contains a link in an alternate color that a user might think was clickable
  • The contrast between the text colors and background may not be sufficient for users who are colorblind.

In general, please do not upload images of fliers or any other text-heavy images to a site. If you want to link to a flier, you can upload it as a PDF and link to it from your site. 

Image Sizes

Generally an image should be sized to the exact specifications provided in this document before it is uploaded to Cascade. Large images can slow the loading of a page, especially for those on mobile without access to a wireless connection. Do not upload any image exceeding 2000px wide. 

Using a vertical image inside a horizontal space

Often, portraits are taken vertically, and despite using a high-quality or high-resolution image, a vertical portrait simply cannot be made to fit into a horizontal space.

In the example below, the image size is 1536x1920.

The issues:

  • Much of the image is cropped out in the top and bottom
  • The subject's face is too close to the viewer
  • The subject's head and chin are cut off the frame

Using a small image in a large space

Small images cannot be blown up to appear in a large space. The image must be stretched beyond its limits to fill the frame, resulting to a significant decrease in image quality.

In the example below, the image size is 300x200.

The issue:

  • The image is extremely pixelated (blurry) and appears unprofessional

  • It is always better to provide a large image to size down rather than attempt to fill a smaller image in a larger space

Free applications for editing images

  • Pixlr.com - In-browser application, Requires Adobe Flash
  • GIMP - Open source desktop application
  • Paint.NET - Open source desktop application, Windows only
  • MS Paint - Desktop application, Installed on all Windows machines
Back to top

4. Pages

There are several types of pages to add to your website, and each type has a different purpose.

Available Page types

Add a Page

To add a page, go to the Cascade menu in the top left corner of the window, then click New > Page

Let's go over the basic input fields you will need to fill out in order to populate your pages with custom content.

Page Name

When you create a new page, you assign a Page Name to it. This creates the filename for the page.

Page names must:

  • be all lowercase
  • contain no spaces
  • contain no special characters
  • separate words with dashes or underscores.(e.g. emory-university-school-of-medicine)

[!displayname!]

Title

The Title field is used in several places. The most visible is at the top of the page over the opener image.  It is also visible at the very top of the browser window.

  • Some browsers will only display a portion of the Title.
  • Search engines may cut off Title if it is too long.
  • The Title is also visible in the right-hand navigation and in the page breadcrumbs.
  • Try to keep the Title between 65 and 70 characters.

Be sure your title is concise and clear to best benefit your readers and your SEO.

Summary: The 360 character summary provides details for the Open Graph Protocol, which enables your content to be richly embedded into a social media website such as Facebook or Twitter.

Teaser: The 140 character teaser is the excerpt that is pulled into feeds across the web.

Description: The 160 character description is shown in search engine results, such as Google or Bing.

Alternative Title: This title will override the default title in the top of your browser window tab. 

Back to top

Available Page Types

Homepage

The homepage is made up of an opener image or slideshow and multiple rows of content blocks.

Homepage options

Opener Options

Choose between a static image or a slideshow of multiple images.

Abstract and Image or Full-Width Image

 

  • Large Opener Text
  • Large Opener Text Line 2
  • Small Opener Text
  • Button
    • Background Color
    • Label - Only plain text can be entered in this field; please limit to 1-3 words to prevent the text from wrapping to a second line.
    • Link - choose between three link options:
      1. Cascade Page: If you are creating a link to a page within the Cascade site, click on the search icon for the Cascade Page option.
      2. Cascade File: If you are creating a link to a PDF you've uploaded, click on the search icon for the Cascade File option.
      3. Link to External URL: If you are creating an external link (to a webpage outside of the website or one that is not yet migrated into the CMS), type the full url (starting with http://) into the External URL box.
  • Large Abstract Image :

    Browse to the image you want to insert by clicking the file icon , navigating to the /_includes/images folder, and selecting your image.

    Add a brief description of the image in the Alt Text field (this helps visitors with visual impairments to know what the image contains).

    All large abstract images must be 1170x1095px exactly.

  • Full-Width Image :

    Browse to the image you want to insert by clicking the file icon , navigating to the /_includes/images folder, and selecting your image.

    Add a brief description of the image in the Alt Text field (this helps visitors with visual impairments to know what the image contains).

    All full-width images must be 1919x1291px exactly.

Carousel Slides

 

  • Small Carousel Image :

    Browse to the image you want to insert by clicking the file icon , navigating to the /_includes/images folder, and selecting your image.

    Add a brief description of the image in the Alt Text field (this helps visitors with visual impairments to know what the image contains).

    All small carousel images must be 850x675px exactly.

  • Full-Width Image :

    Browse to the image you want to insert by clicking the file icon , navigating to the /_includes/images folder, and selecting your image.

    Add a brief description of the image in the Alt Text field (this helps visitors with visual impairments to know what the image contains).

    All full-width images must be 1919x1291px exactly.

  • Button
    • Background Color
    • Label - Only plain text can be entered in this field; please limit to 1-3 words to prevent the text from wrapping to a second line.
    • Link - choose between three link options:
      1. Cascade Page: If you are creating a link to a page within the Cascade site, click on the search icon for the Cascade Page option.
      2. Cascade File: If you are creating a link to a PDF you've uploaded, click on the search icon for the Cascade File option.
      3. Link to External URL: If you are creating an external link (to a webpage outside of the website or one that is not yet migrated into the CMS), type the full url (starting with http://) into the External URL box.
  • Organize, add, or remove items

    plus.jpg

    To add an item, click on the + (plus sign) icon. 

    Move

    To move an item up or down in the list, click on the up or down arrow icons.

    minus.jpg

    To delete an item, click on the X icon.

Content Blocks

To add blocks, navigate to the appropriate block under /_content/sections.

Interior Page

Create a new Interior Page

To create a new Interior Page, use the Add Content > Page menu option.

Interior Page options

  • Opener Image :

    Browse to the image you want to insert by clicking the file icon , navigating to the /_includes/images folder, and selecting your image.

    Add a brief description of the image in the Alt Text field (this helps visitors with visual impairments to know what the image contains).

    All opener images must be 1689x639px exactly.

  • Title
  • Heading
  • Heading Line 2
  • Content Image :

    Browse to the image you want to insert by clicking the file icon , navigating to the /_includes/images folder, and selecting your image.

    Add a brief description of the image in the Alt Text field (this helps visitors with visual impairments to know what the image contains).

    All content images must be 1170x780px exactly.

    • Caption
    • Caption Credit
  • Summary
  • Double-Column Text
  • WYSIWYG: Learn more about WYSIWYG editing.
  • Content Blocks
    • To add blocks, navigate to the appropriate block under /_content/sections.

Publishing your changes

Once you have finished adding and reviewing your content, the next step is to publish your page(s).

When viewing the page, click on the Publish button, or right click the page in the folder structure and choose Publish. Leave the default options as they are, then hit Submit.

publish-button.jpg

Publish job queue

You may check on the progress of items you publish using the publisher.

Go to the top right menu > Publish Queue to see the status.

hamburger.jpg

publish-Q.gif

 

To confirm when your page has been published, you can go to the Home screen by clicking the Cascade Server logo   and look under the Notifications heading for a confirmation message.

Publish Related Files (Images and Documents)

You may publish an individual page which links to a file such as an image or document. You may also manually publish any individual files if desired.

Reveal Page URL

Under the More menu, click "Live" to access the live URL of the page.

Reveal the URL of the page by clicking the 'Live' button.

Publishing Navigation changes

Changes to the subnavigation will not be reflected site-wide until you publish the entire related section of the site.

If you want to update the right-hand navigation, such as change menu items or names, you must remember to publish all related pages that share the right-hand navigation.

For example, let's say you changed the name of a menu item under a particular section of your website from "CASAA Programs"...

...to just "Programs". This change will not occur unless you publish that entire section of the website.

To publish that section of the website, simply navigate to the parent folder and select Publish from the menu, then click Submit on the next page.

Now, all the related pages in that section will have updated right-hand navigation.

Back to top

Moving and renaming pages

Warning: moving or renaming pages or files may cause links to break! After you move or rename the asset, check the relationships of your page by clicking More > Relationships. If relationships to other pages exist, you'll want to republish those pages.

Please consider the following before you move or rename:

  1. Do not change the Page Name for pages unless it is absolutely essential.
  2. Always un-publish the item before renaming it.

Do not rename pages named index. This breaks your website navigation.

Back to top

Delete a page

Sometimes you just have to get rid of a page and start anew.

Warning: deleting items may cause links to break! Before you delete, check the relationships of your page by clicking More > Relationships. If relationships to other pages exist, you'll want to change those links before deleting the page.

This option will remove the item from the live server first.

Also note: deleting pages named index may cause your navigation bars to break.

To delete an item, click on the More link, and select Delete.

Hit Submit at the bottom of the screen to proceed with deleting your file.

Back to top

Restore a Deleted Page

If you accidentally delete a needed asset from Cascade, you can check the Trash to restore it.

Access the Trash from the top of the document tree on the left-hand side of the Cascade window.

Navigate the table to find the item(s) you wish to restore, check the box(es), then click the arrow icon on top left of the table:

The asset(s) will immediately be restored.

Back to top

Restoring Older Versions of Pages

Cascade allows you to view and restore older versions of your pages and files.

Restore previous versions

Once on a Page, Content Block, or File, click More > Versions to access the version history in the menu bar.

Here you will see a list of version dates and authors who previously made changes.

If you click on an item from the version history, you can see a preview of its content. The menu grants several options to proceed:

Most importantly, you may Restore the version you have selected.

You can also restore a version and compare versions in the list view by checking the checkbox next to the version you'd like to restore and clicking the backwards arrow icon or eye icon:

restore-compare.jpg

After activating a previous version, you must Publish that content for it to go live.

How to publish a page

Back to top

Folder & navigation order

After you create a new page, it’s a good idea to check the folder order for your new page. The menu option you used may dictate what order your page gets created in. In most situations new items will be created last, but you can change this as needed.

The index file for each folder must be at Order #1.

Note: the Base Folder (Name of Website) view in the left column shows the contents in alphabetical order.

  1. To see the numeric order of folder contents, right click on your folder and select "view".
  2. In the Order column, make sure the page named index is set at position 1. If it is not at 1, move your mouse to the row that contains index to select it, then click on the Move to Top button:
  3. To see the numeric order of folder contents, right click on your folder and select "view". Click the "Order" header to view assets by folder order rather than alphabetically.
  4. Drag and drop to reorder folder contents.

Please be aware that the folder and page order shown here is what determines the order of links that appear in your side navigation.

Back to top

5. Content Blocks

Content blocks are reusable sections of content that you can plug into different parts of your website.

You can find your content blocks in the /_content/sections subfolder, organized according to your top navigation structure.

Editing Content Blocks

Each page contains the option for content blocks stacked and arranged how you like. 

There are two ways to edit the content contained in Content Blocks:

1. Edit the Page

Click the Edit button.

Right click on the block you'd like to edit and select Edit to go directly to the block location.

edit-print.jpg

You will need to navigate back to the Page to view your changes after you've changed the block.

2. Directly edit the Block

Navigate to the /_content folder to edit your block directly.

Back to top

Add a Content Row

While editing the page, scroll down to view your content row section. Here you will see a green plus iconplus.jpg, a red X iconminus.jpg, and arrows arrows.jpg.

Click the green plus icon to add a new row.

Back to top

Assign a content block to a content row

After adding your content row, assign your content block to the row.

Select Choose Block to bring up the folder browser.

Use the folders to navigate to your content block, then select Choose.

Back to top

Rearrange the content rows

Simply use the blue up and down arrows arrows.jpgto move the content rows around.

Back to top

Remove a content row

To remove old or irrelevant content from your pages, click the red  icon and your row will disappear.

Removing a row from a page does not delete the content block from the server.

Back to top

Available Content Blocks

Accordion

Accordion blocks offer an interactive approach to handling large chunks of content.  Accordion blocks display collapsible content panels for presenting information in a limited amount of space.

Create a new Accordion

To create a new Accordion, use the Add Content > Blocks > Accordion menu option.

Accordion options

  • Heading
  • Summary: Limit to approximately 100 characters per group
  • Number of Columns
  • Accordion Section
    • Label: Plain text only; limit to 5-7 words.
    • WYSIWYG: Learn more about WYSIWYG editing.
    • Organize, add, or remove items

      plus.jpg

      To add an item, click on the + (plus sign) icon. 

      Move

      To move an item up or down in the list, click on the up or down arrow icons.

      minus.jpg

      To delete an item, click on the X icon.

Bio or Contact Row

Organize and group one or several people into a list using a Bio or Contact row.

Create a new Bio or Contact Row

To create a new Bio or Contact Row, use the Add Content > Blocks > Bio or Contact Row menu option.

Bio or Contact Row options

  • Type: Enter content manually or select a Bio Block to import. Manual bio field options will change based on this selection.
To create a new shared bio block, use the New > Blocks > Bio Block menu option
  • Pre-Content
    • Heading
    • Summary
  • Horizontal Bio Image :

    Browse to the image you want to insert by clicking the file icon , navigating to the /_includes/images folder, and selecting your image.

    All horizontal bio images must be 600x336px exactly.

  • Vertical Bio Image :

    Browse to the image you want to insert by clicking the file icon , navigating to the /_includes/images folder, and selecting your image.

    All vertical bio images must be 250x368px exactly.

  • Name
  • Summary:
  • Title
  • Email
  • Phone
  • Address

Layout Options

Contact Row

Person Row

Limit to 150 characters.

Single Large Contact

Single Bio

Limit to 400 characters.

Staff

Call to Action Before Footer

A Call-To-Action (CTA) has a specific goal such as having your visitor sign up for a newsletter, fill out a form, or be directed to a specific page.

The CTA is brightly colored and stands at the bottom of the page alongside an area for Quick Links which can provide additional resources to your visitor.

Create a new Call to Action Before Footer

To create a new Call to Action Before Footer, use the Add Content > Blocks > Call to Action Above Footer menu option.

Call to Action Before Footer options

Button

    • Label - Only plain text can be entered in this field; please limit to 1-3 words to prevent the text from wrapping to a second line.
    • Link - choose between three link options:
      1. Cascade Page: If you are creating a link to a page within the Cascade site, click on the search icon for the Cascade Page option.
      2. Cascade File: If you are creating a link to a PDF you've uploaded, click on the search icon for the Cascade File option.
      3. Link to External URL: If you are creating an external link (to a webpage outside of the website or one that is not yet migrated into the CMS), type the full url (starting with http://) into the External URL field.

Quick Links

  • Heading: Plain text only; limit to 3-5 words.
  • Link
    • Link Text: Plain text only; limit to 1-3 words.
    1. Cascade Page: If you are creating a link to a page within the Cascade site, click on the search icon for the Cascade Page option.
    2. Cascade File: If you are creating a link to a PDF you've uploaded, click on the search icon for the Cascade File option.
    3. Link to External URL: If you are creating an external link (to a webpage outside of the website or one that is not yet migrated into the CMS), type the full url (starting with http://) into the External URL field.
  • Organize, add, or remove items

    plus.jpg

    To add an item, click on the + (plus sign) icon. 

    Move

    To move an item up or down in the list, click on the up or down arrow icons.

    minus.jpg

    To delete an item, click on the X icon.

Double Column Text Row

You can arrange text in two columns with a Double Column Text Row.

Create a new Double Column Text Row

To create a new Double Column Text Row, use the Add Content > Blocks > Double Column Text Row menu option.

Double Column Text Row options

  • Pre-Heading: Plain text only; limit to 1-2 words.
  • Main Heading
  • Heading Line 2
  • Summary: Plain text only; limit to 400 characters.

Event Row

An Event Feed Row will automatically pull in events from your Trumba Calendar.

 

Create a new Event Row

To create a new Event Row, use the Add Content > Blocks > Event Row menu option.

Event Row options

  • Heading: Plain text only; please limit to 1-3 words to prevent the text from wrapping to a second line.
  • Summary: Plain text only; limit to 200 characters.
  • Calendar Name
    • To find your Trumba Calendar's name, sign in to your Trumba account.
    • Click the Publish button.
    • Under the Publish Settings interface, your Calendar Name appears next to the Unique web name field. 
    • The Calendar Name can also be found at the end of the calendar's Trumba URL.
  • Number of Events: Enter the number of events that should appear for the row, no more than 8. 

This element will not preview in Cascade. You must publish your page to preview.

Facts Row

Facts Rows are suitable for displaying infographics, statistics, and interesting facts.

Create a new Facts Row

To create a new Facts Row, use the Add Content > Blocks > Facts Row menu option.

Facts Row options

  • Pre-Heading: Plain text only; limit to 1-2 words.
  • Main Heading
  • Summary: Plain text only; limit to 150 characters.
  • Button
    • Background Color
    • Label - Only plain text can be entered in this field; please limit to 1-3 words to prevent the text from wrapping to a second line.
    • Link - choose between three link options:
      1. Cascade Page: If you are creating a link to a page within the Cascade site, click on the search icon for the Cascade Page option.
      2. Cascade File: If you are creating a link to a PDF you've uploaded, click on the search icon for the Cascade File option.
      3. Link to External URL: If you are creating an external link (to a webpage outside of the website or one that is not yet migrated into the CMS), type the full url (starting with http://) into the External URL box.

Featured Content Block

Use a Featured Content Block to showcase information and links that are of particular interest or relevance at the moment. Be sure to update this content regularly.

Blue Featured Content Block

Orange Featured Content Block

Create a new Featured Content Block

To create a new Featured Content Block, use the Add Content > Blocks > Featured Content Block menu option.

Featured Content Block options

  • Theme Color
  • Featured Content Image :

    Images must be preemptively uploaded to the Cascade server in order to use them on pages. Learn how

    Browse to the image you want to insert by clicking the file icon , navigating to the /_includes/images folder, and selecting your image.

    All featured content images must be 640x360px exactly.

  • Heading
  • Heading Line 2
  • Summary: Plain text only; limit to a short sentence of text.
  • Links
    • Label: Plain text only; limit to 1-2 words.
    1. Cascade Page: If you are creating a link to a page within the Cascade site, click on the search icon for the Cascade Page option.
    2. Cascade File: If you are creating a link to a PDF you've uploaded, click on the search icon for the Cascade File option.
    3. Link to External URL: If you are creating an external link (to a webpage outside of the website or one that is not yet migrated into the CMS), type the full url (starting with http://) into the External URL field.
  • Organize, add, or remove items

    plus.jpg

    To add an item, click on the + (plus sign) icon. 

    Move

    To move an item up or down in the list, click on the up or down arrow icons.

    minus.jpg

    To delete an item, click on the X icon.

Image Gallery

Showcase multiple images in an interactive image Slider/Carousel using the Image Gallery Block.

Create a new Image Gallery

To create a new Image Gallery, use the Add Content > Blocks > Gallery menu option.

Image Gallery options

  • Heading
  • Summary
  • Slides
    • Gallery Image :

      Browse to the image you want to insert by clicking the file icon , navigating to the /_includes/images folder, and selecting your image.

      All gallery images must be 800x450px exactly.

  • Organize, add, or remove items

    plus.jpg

    To add an item, click on the + (plus sign) icon. 

    Move

    To move an item up or down in the list, click on the up or down arrow icons.

    minus.jpg

    To delete an item, click on the X icon.

Image with Content Row

An Image with Content Row includes a single collection or carousel of an image, text and a button link.

Create a new Image with Content Row

To create a new Image with Content Row, use the Add Content > Blocks > Image with Content Row or Carousel menu option.

Image with Content Row options

  • Background Color
  • Entry
    • Image Content Tile Image :

      Images must be preemptively uploaded to the Cascade server in order to use them on pages. Learn how

      Browse to the image you want to insert by clicking the file icon , navigating to the /_includes/images folder, and selecting your image.

      All image content tile images must be 570x300px exactly.

    • Heading Text Color
    • Heading
    • Summary Text Color
    • Summary: Limit to 15 words
    • Button
      • Background Color
      • Label - Only plain text can be entered in this field; please limit to 1-3 words to prevent the text from wrapping to a second line.
      • Link - choose between three link options:
        1. Cascade Page: If you are creating a link to a page within the Cascade site, click on the search icon for the Cascade Page option.
        2. Cascade File: If you are creating a link to a PDF you've uploaded, click on the search icon for the Cascade File option.
        3. Link to External URL: If you are creating an external link (to a webpage outside of the website or one that is not yet migrated into the CMS), type the full url (starting with http://) into the External URL box.

Organize, add, or remove items

plus.jpg

To add an item, click on the + (plus sign) icon. 

Move

To move an item up or down in the list, click on the up or down arrow icons.

minus.jpg

To delete an item, click on the X icon.

Quicklinks Row

Quick Links serve as a convenient way to list documents, websites, and other resources that are beneficial to your audience and can help them achieve their goals while visiting your website.

It is most effective to choose to link to resources that are commonly sought out rather than more obscure links and less visited pages.

Create a new Quicklinks Row

To create a new Quicklinks Row, use the Add Content > Blocks > Quicklinks Row menu option.

Quicklinks Row options

  • Layout Style: Choose whether to justify your text on the left, center or right.
  • Background: You can choose between a solid background color or a background image. The color of the body text will also change accordingly. 

    • Color: Choose between the different solid background color options.
    • Image: This image serves as a subdued backdrop for the text in this section.
  • Heading
  • Heading Line 2
  • Summary
  • Links
    • Link Text: Plain text only; limit to 1-3 words.
      1. Cascade Page: If you are creating a link to a page within the Cascade site, click on the search icon for the Cascade Page option.
      2. Cascade File: If you are creating a link to a PDF you've uploaded, click on the search icon for the Cascade File option.
      3. Link to External URL: If you are creating an external link (to a webpage outside of the website or one that is not yet migrated into the CMS), type the full url (starting with http://) into the External URL field.
  • Organize, add, or remove items

    plus.jpg

    To add an item, click on the + (plus sign) icon. 

    Move

    To move an item up or down in the list, click on the up or down arrow icons.

    minus.jpg

    To delete an item, click on the X icon.

Quote

Add and cite a powerful and memorable quote on your webpage.

Create a new Quote

To create a new Quote, use the Add Content > Blocks > Quote menu option.

Quote options

  • Quote: Limit 20 words
  • Attribution Line 1
  • Attribution Line 2

Testimonial Carousel

A Testimonial Carousel is a collection of photos and quotes. 

Create a new Testimonial Carousel

To create a new Testimonial Carousel, use the Add Content > Blocks > Testimonial Carousel menu option.

Testimonial Carousel options

  • Background: You can choose between a solid background color or a background image. The color of the body text will also change accordingly. 

    • Color: Choose between the different solid background color options.
    • Image: This image serves as a subdued backdrop for the text in this section.
  • Heading Text Color
  • Heading- Plain text only; limit to 1-2 words.
  • Summary - Plain text only; limit to 25 words.
  • Slides
    • Testimonial Carousel Image :

      Browse to the image you want to insert by clicking the file icon , navigating to the /_includes/images folder, and selecting your image.

      All testimonial carousel images must be 111x111px exactly.

    • Name
    • Title
    • Quote - Plain text only; limit to 25 words.
  • Button After Content
    • Background Color
    • Label - Only plain text can be entered in this field; please limit to 1-3 words to prevent the text from wrapping to a second line.
    • Link - choose between three link options:
      1. Cascade Page: If you are creating a link to a page within the Cascade site, click on the search icon for the Cascade Page option.
      2. Cascade File: If you are creating a link to a PDF you've uploaded, click on the search icon for the Cascade File option.
      3. Link to External URL: If you are creating an external link (to a webpage outside of the website or one that is not yet migrated into the CMS), type the full url (starting with http://) into the External URL box.

Organize, add, or remove items

plus.jpg

To add an item, click on the + (plus sign) icon. 

Move

To move an item up or down in the list, click on the up or down arrow icons.

minus.jpg

To delete an item, click on the X icon.

 

Tile Row

A Tile Row includes groups of images, text and links.

Create a new Tile Row

To create a new Tile Row, use the Add Content > Blocks > Tile Row menu option.

Tile Row options

  • Background: You can choose between a solid background color or a background image. The color of the body text will also change accordingly. 

    • Color: Choose between the different solid background color options.
    • Image: This image serves as a subdued backdrop for the text in this section.
  • Intro Text: Use the checkboxes to include text before the tile row columns and specify its color. 
    • Pre-Heading
    • Main Heading
  • Tiles
    • Image Content Tile Image :

      Browse to the image you want to insert by clicking the file icon , navigating to the /_includes/images folder, and selecting your image.

      All image content tile images must be 400x225px exactly.

    • Heading - Limit to 6 words
    • Summary - Limit to 15 words
    • Link - choose between three link options:
  • 
    1. Cascade Page: If you are creating a link to a page within the Cascade site, click on the search icon for the Cascade Page option.
    2. Cascade File: If you are creating a link to a PDF you've uploaded, click on the search icon for the Cascade File option.
    3. Link to External URL: If you are creating an external link (to a webpage outside of the website or one that is not yet migrated into the CMS), type the full url (starting with http://) into the External URL field.
  • Button After Tiles
      • Background Color
      • Label - Only plain text can be entered in this field; please limit to 1-3 words to prevent the text from wrapping to a second line.
      • Link - choose between three link options:
        1. Cascade Page: If you are creating a link to a page within the Cascade site, click on the search icon for the Cascade Page option.
        2. Cascade File: If you are creating a link to a PDF you've uploaded, click on the search icon for the Cascade File option.
        3. Link to External URL: If you are creating an external link (to a webpage outside of the website or one that is not yet migrated into the CMS), type the full url (starting with http://) into the External URL box.

Organize, add, or remove items

plus.jpg

To add an item, click on the + (plus sign) icon. 

Move

To move an item up or down in the list, click on the up or down arrow icons.

minus.jpg

To delete an item, click on the X icon.

 

WYSIWYG Row

Here's where you add bodies of text such as sentences and paragraphs to get your information to the reader. 

Create a new WYSIWYG Row

To create a new WYSIWYG Row, use the Add Content > Blocks > WYSIWYG menu option.

WYSIWYG Row options

  • Pre-Heading: Plain text only; limit to 1-2 words.
  • Main Heading
  • Heading Line 2
  • Summary: Plain text only; limit to 400 characters.
  • WYSIWYG: Learn more about WYSIWYG editing.

Publishing Content Blocks

Content blocks are not set to publish; you must publish the pages on which the content block appears.

How to publish a page

To determine this, navigate to the block, and in the top-right corner, click More > Relationships.

Relationships

From this menu you can select pages from the list to publish or click Publish All to publish all publishable relationships.

Back to top

Version control

Cascade allows you to view and restore older versions of your Pages, Content Blocks, and Files.

Restore previous versions

Once on a Page, Content Block, or File, click More > Versions to access the version history in the menu bar.

Here you will see a list of version dates and authors who previously made changes.

If you click on an item from the version history, you can see a preview of its content. The menu grants several options to proceed:

Most importantly, you may Restore the version you have selected.

You can also restore a version in the list view by checking the checkbox next to the version you'd like to restore and clicking the backwards arrow icon:

version-blocks.jpg

After activating a previous version, you must Publish that content for it to go live.

How to publish a page

Back to top

6. Sections

Add new sections to your website

If you need to create a new section for your website, the structure needs to be built in Cascade.

  1. Create a new folder - From the Cascade menu in the top left corner of your window, click Add Content > Folder.
  2. Add a Folder Name - Folder names must...
    • be all lowercase
    • contain no spaces
    • contain no special characters
    • separate words with dashes or underscores.(e.g. emory-university-school-of-medicine)

Last, you need to add an index page to this new folder.

  1. In the same top-left menu, select Add Content and the page type you'd like to add.
    Learn more about Page Types
  2. This page will also ask for a Page Name - set the system name to index.
  3. Make sure that the Placement Folder is set to your new folder.
  4. Click Submit in the bottom right.
Back to top

7. Site-wide elements

Some parts of your website persist through every page. In this case, the footer and navigation are both elements that will appear the same and have the same content no matter where the reader is on your website.

To find the footer and navigation, navigate to the /_content/site-wide folder and click on the block you wish to edit.

Main Navigation

The main navigation for your website will always be placed horizontally at the top of each page on your site.

Navigation Items

  • Label: Plain text only; limit to one or two words.
  • Edit your navigation block at /_content/sitewide/navigation

    When editing navigation links, there are several options to choose from.

    • Label: Plain text only; limit to 1-2 words.
    • Link
        1. Cascade Page: If you are creating a link to a page within the Cascade site, click on the search icon for the Cascade Page option.
        2. Cascade File: If you are creating a link to a PDF you've uploaded, click on the search icon for the Cascade File option.
        3. Link to External URL: If you are creating an external link (to a webpage outside of the website or one that is not yet migrated into the CMS), type the full url (starting with http://) into the External URL field.

    Organize, add, or remove items

    plus.jpg

    To add an item, click on the + (plus sign) icon. 

    Move

    To move an item up or down in the list, click on the up or down arrow icons.

    minus.jpg

    To delete an item, click on the X icon.

Back to top

Footer

The footer sits at the bottom of every page. Only members of the CASAA Manager group can edit the footer.

The footer is in the CPA - CASAA site in Cascade, under /_content/site-wide/footer. 

You can edit the logo, contact information, column of links, and social media links.

Back to top