Page Banners and Sliders

Page Banners and Sliders

Banners and Sliders

The banner (image) or slider (multiple scrolling images) is an optional area at the top of your page. You probably don't want or need one on every page, but it is a nice addition to your home page or major landing page for a section of your site.

If you do not already have the image(s) for your banner or slider uploaded, you need to do that using the "Banner Image" asset factory. Once you have that you will then edit your page to add the banner.

Banner images should be horizontally oriented (longer than they are tall). A good size will be 860px long by 374px tall. It will be easier if you take a moment and create your image in PhotoShop (available on the Rowan Cloud) before you upload it. However, there are very limited image editing tools inside the Cascade CMS.

Upload banner image(s)

Use the "Banner Image" item to place banner images in the “banner” folder inside the “_images” folder on your site. Cascade will collect them all in the same place so you can find them when you want to add them to a page. To add a new Banner image, start at either the New Content dropdown or the New Content Widget.

  1. Select "Banner Image" from the list.
  2. Give your file a name (no spaces, no special characters).
  3. Either drag and drop a file from your computer into the box or click the "browse" link to find your banner image on your disk drive.
  4. Edit your image if needed.
  5. As always, save and submit.


Adding a banner to your page

Now that you have banner images inside the Cascade CMS you can add them to your page.

  1. Open your page in edit mode.
  2. Open the Banner item by clicking the arrow to expand it.
  3. Click in the "choose file" area to browse to your image. If you just uploaded your image you shouuld see it there, if not you should browse to find it by going back to the top folder and then into the "_images" folder and then the "banners" folder.
  4. Click the "choose" button
  5. if you want you can add a caption that will appear overlaying it, fill in the text area.
  6. Save & preview the page and if all worked the way you expected be sure to click the "submit" button.
  7. If you want to have a "slider" of multiple images that scroll across the top of your page, click the plus sign next to your banner to add a new one. Keep adding new banners as you want.