Feed on

If your site has a five image header across the top of the site, here are instructions as to how you can edit and change your photos.

  • First, you want to make sure your photos are cropped to size.
    • If your site has a white border between images, then should be cropped to 190 px by 192 px (width x height).
      • Example of white border: Sociology
        Screen Shot 2014-10-27 at 11.31.54 AM
    • If your site has no border between images (each photo sits right next to another), then images should be cropped 192 px by 192 px (width x height).
      • Example of no border: Government
        Screen Shot 2014-10-27 at 11.31.47 AM
  • Once your images are cropped, you need to upload it to your site. Go to your site in Cascade.
  • In your left hand navigation tree, select the folder “headerimages”. Some sites may have a folder instead called “random-squares”. These are the same folder, but with different names. Select the one you find in your site.
    Screen Shot 2014-10-27 at 11.34.40 AMORScreen Shot 2014-10-27 at 11.35.00 AM
  • Select the “images” folder within “headerimages”, then upload your new images by going to the blue toolbar, “New” > “File or Image”.
    Screen Shot 2014-10-27 at 11.37.00 AM
  • After you’ve uploaded your new images to the “images” folder, you need to edit the file “header-images”, which may also be named “squares”.
  • Select “Edit” from the tabbed menu bar after you’ve selected the file, then you can add your new images to the file.
    Screen Shot 2014-10-27 at 11.39.05 AM

    • The green “+” button allows you to add a new image.
    • The red “-” button removes a previously used image from the header.
    • The “^” or its inverse allows you to move an image higher or lower in the list.
    • “Select Image” is where you’ll navigate to the “images” folder where you uploaded your new image.
    • “Alt Text” is a short description of what the image is.
  • Some files (mainly the ones named “squares”, do not have the “Caption” or “Image Position L-R” options. This is normal.
  • Once you’ve made your changes, be sure to hit “Submit” at the bottom of the page.
  • Publish your entire site so these changes will appear.


Create a Google Form

Here are instructions on how you can create a Google form, embed it on your site, or share it with others.

  • First, make sure that you are creating a Google form through your Wesleyan account–all information in your Wesleyan Google account is inaccessible by Google.
  • From your ePortfolio, you can access “Docs”. This should take you to Google Docs (may also be named Google Drive, they are the same thing).
  • On the upper-left, there should be an orange button named “Create”. Select this button and in the dropdown that appears, select “Form”.
  • Once you select form, Google will take you to a new window. The first thing that appears are options to choose a title or a theme for your form. Enter a title for your form and select a theme. You may also change both of these later on. Hit “OK” once you’ve made your changes/selection.
  • There are now various things you can do to set up your form.
  • First, the Form Settings section at the top of the page gives you the option to:
    - Require Wesleyan University login to view this form
    - Automatically collect respondent’s Wesleyan University username
    - Show progress bar at the bottom of form pages
    Check the boxes of the options you want.
  • Now you can customize your form. See below for the various customization options for your form.
  • Where it says “Untitled form”, you should name this form–this name here is what will appear at the top of your form when you share or embed this form.
  • You can give this form a “Form Description” to explain or give more information to this form.
  • You may now add questions or other sections. There are variety of question types or items that you can add to your form.
  • “Text” is an item in which you can ask a question and expect a shorter response.
  • “Paragraph text” allows the respondent to have a more lengthy response.
  • “Multiple choice” allows you to set up different answer selections and to select with a circular button.
  • “Checkboxes” are the same as Multiple choice, aside from the fact that it appears not as a circle but a check mark.
  • “Choose from a list” also allows you to set up various answer selections but the respondent would select one answer from a drop down list of options.
  • “Scale” allows you to set up a scale response, in which you would set up the range (by default, it is from 1 to 5), and you can define the range (e.g., 1 as “angry” and 5 as “happy”) and respondents will select within that range.
  • “Grid” allows you to define variables in a table format with various answer possibilities.
  • “Date” and “Time” allow you to ask respondents regarding date and time.
  • “Section header” allows you to define new sections of your form/questionnaire.
  • “Page break” will cut your form into different pages, making the respondent click “next” to move onto the next page.
  • “Image” allows you to upload an image while “Video” allows you to insert a video.
  • You can also mark each question as required by clicking the box “Required question”.
  • You may also now define what appears on the confirmation page after the respondent submits the form.
  • You can change “Your response has been recorded” to whatever message you want to appear or select these other options.
  • “Send form” will allow you to share this form via a link, social media, or invite users through email. You can also select “Embed” to find the code you will need to paste into your website’s page in HTML to have it appear on your site. This “Send form” button appears both at the end of the Google form page as well as on the top right corner at all times.
  • You will now want to also make sure that at the top of the page, the setting is to “Accepting responses”. You can also “View responses”, which should take you to a separate Google spreadsheet with all the responses collected.

The following is some documentation on how you can create a new exhibition in the CEAS website.

  • First, log into Cascade and navigate to your website.
  • Once you arrive at the CEAS dashboard, navigate to the exhibitions folder on the left hand navigation tree, then the all folder.
    Screen Shot 2014-09-24 at 3.16.14 PM
  • Once you navigate to all, select the assets folder before you create your new exhibition page. You need to first create a folder to hold the images you’re going to use.
  • Once you’ve selected assets, go to the blue navigation bar on top, select New, then select Folder.
    Screen Shot 2014-09-24 at 3.18.00 PM
  • Name that folder the name of your exhibition. For example, “faces”, “late_christmas_gift”, or “not_of_this_world”. Use underscores between words for consistency and clarity.
  • Once you’ve created that new folder, select that new folder with whatever you named it from the left hand navigation tree.
  • In that new folder, upload the images or other assets you need for this new exhibition page. Be sure to upload one main image to be displayed on the page, as well as one thumbnail image (which needs to be 60 x 60 px) for the exhibition index page.
  • You are now ready to create the exhibition page itself. First, make sure that the all folder, not the new folder you created nor the assets folder, is selected in the left hand list of navigation. Then, in the blue nav toolbar up top, select “New”, then select Exhibition Item.
    Screen Shot 2014-09-24 at 3.21.43 PM
  • In the page that appears after you select Exhibition Item, give your page a System Name. This is what appears as the page’s url (i.e., http://www.wesleyan.edu/ceas/exhibitions/all/systemname.html). The System Name should be the same as what you named your just created assets folder. For example, “faces”, “late_christmas_gift”, or “not_of_this_world”.
    Screen Shot 2014-09-24 at 3.24.36 PM
  • Then, in the Inline Metadata section, in the dropdown, select if your exhibition is “Current”, “Past”, or “Upcoming”.
    Screen Shot 2014-09-24 at 3.25.30 PM
  • In the Exhibition section, you can now give your exhibition the full title, start and end date and time, as well as link the Thumbnail Photo you uploaded into that newly created assets folder earlier (remember, the thumbnail needs to be 60px x 60px). Each field with a yellow asterisk is required for this page to be completed.
    Screen Shot 2014-09-24 at 3.27.21 PM
  • In the two sections called Additional Info and Content, you can add more information, as well as place in a larger exhibition photo, in those text areas.
  • When you finish all of the above, ensure that you go into the Metadata tab and input Display Name for this page and a Title.
    Screen Shot 2014-09-24 at 3.30.14 PM
  • You’re now ready to go to the bottom of the page and hit Submit!

Change Header Video

For the Center for Humanities and Masters/GLS websites, you have the ability to change the video that is embedded into your top header on your index page. Here is how you may do so:

  • First, select the “header” block, which can be found within your “video-header” folder in your left hand navigation list.
  • Then hit “Edit” to edit your block.
  • You should arrive at the following page to make your changes:
  • Do not change or edit the “Data Definition” field.
  • First to change your video, you must change the image that goes along with the video in your header. This image should be uploaded into the “images” folder that is also housed within your “video-header” folder.
    • The image should have the dimensions 193 px by 217 px.
  • Then you may add a caption in the “Caption” text field.
  • If you’re using a YouTube video, paste the URL of the video here. Ensure that this is the shortened version of the URL, so it should look something akin to: http://youtu.be/GI8v1RWj1wY
    • You can find this shortened link on your YouTube video’s page under the “Share” tab.
  • If you’re using a Brightcove video, paste your video ID in the “Brightcove Video ID” field, and select the account in which this video can be found in the “Account” dropdown.
  • When using Brightcove, you must ensure that the YouTube field is empty, as well as vice versa.


Career Center — LIVE!

Wesleyan has launched the newly redesigned Office of Equity & Inclusion website. You can visit the site here: www.wesleyan.edu/careercenter.

Wesleyan has launched the newly redesigned Wesleyan Physical Sciences and Mathematics Scholars Program website. You can visit the site here: www.wesleyan.edu/wpsmp.

Wesleyan has launched the newly redesigned College of East Asian Studies website. You can visit the site here: www.wesleyan.edu/ceas.

Wesleyan has launched the newly redesigned Office of Equity & Inclusion website. You can visit the site here: www.wesleyan.edu/inclusion.

Wesleyan has launched the newly redesigned College of Integrative Sciences website. You can visit the site here: www.wesleyan.edu/cis.

Here is some documentation on how to use anchor tags to create links to jump from one part of your page to another part of the same page.

  • Select the page you want to edit and add anchor tags from the left hand navigation list, and hit Edit from the tabbed menu on the top of the page.
  • In the content editor, first find the location on the page where you want your anchor link to jump down to. Select the text you wish you add and anchor to, and select the anchor button from your editor options.
    Screen Shot 2014-05-16 at 11.28.31 AM
  • A window should appear. Give this anchor tag a name (with no spaces).
    Screen Shot 2014-05-16 at 11.30.27 AM
  • A yellow anchor icon should appear next to the location on the page where you want the anchor link to jump down to.
    Screen Shot 2014-05-16 at 11.30.56 AM
  • Next, go to the part of the page where you have text ready to link to this anchor tag. Highlight that text you want to turn into an anchor link and select the link button.
    Screen Shot 2014-05-16 at 11.32.21 AM
  • A window will appear, and you simply need to fill the “Anchor” field with the name you gave your anchor tag earlier. You do not need to fill out any other fields. Hit Insert.
    Screen Shot 2014-05-16 at 11.33.05 AM
  • Your anchor tag and link have been created.
    Screen Shot 2014-05-16 at 11.34.13 AM
  • In the above example, “Link One” is a link that will jump the page down to the anchor, which is located at “Header One”.
  • You will need to publish your page to see the changes. The anchor tags and links may not always work within Cascade itself—you’ll have to go to your published page to see the results.

Older Posts »

Log in