Cascade

File Types

 You can upload a range of file types to Cascade. In this section we will go over the main file types which can be uploaded to Cascade.

Subsections

CSV

The CSV file is for uploading a comma separated file in Cascade. The CSV file is used in conjunction with the data table and charts widgets.

An important thing to note, if working on a Mac computer, when saving your excel spreadsheet as a CSV file, make sure you choose the Windows Comma Separated Values option rather than the standard Comma Separated Values options. If you noticed that the widget using your CSV file is not working, this could be the issue.

Folders

The folder is used for organizing content. The way the folder organizes content is different from situation to situation. You can organize content for internal purposes only by selecting “No” for “Show in navigation.” When “Yes” is selected, the folder will show up in the navigation for the site.

Since it will show up in the navigation, it is important to make sure that in contains a page named “home” otherwise it won’t show up in the navigation. This will create a Section and the easiest way to accomplish this is to select the section asset under:

New>>Pages>>Section


That is covered in another section HERE.

The folder can also be used to group items in the documents and forms widget and the contact (staff) widget. To organize these items properly, simply select the respective option in the “Folder Type” dropdown.

Images

When uploading an image to Cascade, ignore the system name field and simply browse for the image on your computer. It's important to note, the file name for the image cannot contain any spaces or special characters - just letters, numbers, and dashes.

The file extension must also be jpg, jpeg, png, or gif. If the extension is JPG it will throw an error. If there is an error during uploading, the system name will change to the name of the file you uploaded, and you can simply change the name there and hit submit again to get past the error.

Once an image is uploaded, you can do some minor image editing within Cascade, such as resizing, cropping, and rotating.

Specifications

The file name for the image cannot contain any spaces or special characters. Just letters, numbers, and dashes. The file extension must also be jpg, jpeg, png, or gif. If the extension is JPG it will throw an error.

Common Image sizes:

  • 908px wide - Full width banner
    • Note: 200px or 250px height for small and large banners
  • 200px wide - 1 column image
  • 420px wide - 2 column image
  • 640px wide - 3 column image (full span across body text on secondary pages)
  • 138px wide by 89px tall - Teaser image
  • 664px wide by 258px tall - Calendar item banner image

Color Pallete:

  • Navigation Widget Yellow Background - #cc9933
  • Dark Grey Border on some widgets - #cccccc
  • Container Widget Grey Background - #efefefef
  • Global Header and Header Background - black
  • Page Body Background - white

Cropping and Resizing Images

Cascade provides a basic set of image editing tools to assist in resizing and cropping uploaded images. This allows for quick adjustments of images to better suit your sites needs.

Undo and Redo

  • Undo or redo edit actions by clicking on the Undo or Redo buttons.

Resize

  • Resize an image by entering a new pixel height and width in the Height and Width fields then clicking the Resize button.

Rotate

  • You can rotate the image by pressing the rotate buttons to turn the image 90 degrees left or right.

Flip

  • You can flip the image horizontally or vertically by pressing the Flip Horizontal or Flip Vertical buttons.

Crop

  • Crop an image by first clicking the Crop button then clicking and dragging the desired area. Click the Crop button to finalize.
Notes:
    Last Modified: January 22, 2013 at 11:14 AM