Tag: image

Image with Caption Snippet

This snippet will create an image with text beneath it. The image can be left or right aligned so body content wraps around it if it is not the full content area width or center or left aligned with no wrapping. If you have cropped an 800 size or larger of the image being displayed, the system will automatically include a pop-up of the image and caption.

Example of an image with a caption.

Image with caption snippet.

  1. Using the Image Editor, crop a Banner, Card, or Vertical image type depending on the image you want to insert. Insert the desired size image in the Image field.
    1. Insert a 400 or 450 size image for a partial-width image when you have zero or one sidebars.
    2. Insert a 1200 size image for a full-width image when you have zero or one sidebars.
    3. Insert an 800 size image for a full page when you have both sidebars.
  2. Enter the text for the caption in the Caption field.
  3. The class field determines the alignment of the image.
    1. “left” (without quotation marks) will left align the image and caption with body content wrapping to the right of it if the image does not take up the full content area width.
    2. “right” (without quotation marks) will right align the image and caption with body content wrapping to the left of it if the image does not take up the full content area width.
    3. “middle” (without quotation marks) will center align the image and caption with body content just going beneath it, not wrapping.
    4. Making this field blank will left align the image and caption with body content not wrapping.

Continue Reading


MultiEdit Content

The Properties button in the Page Actions Toolbar near the top of the page contains information about the page. You must have the page checked out to you to see all the options.

MultiEdit Content is where you will set up the main page image if you are using a Feature Image. Select the MultiEdit Content option from the left menu in the Properties screen or by using the orange MultiEdit button at the top of the page edit screen. These options will be different for a Profile Page.

Page

In order for your image or video inserted here to show up you must select a Page Image Location Option from the Page Parameters screen.

  • Banner Type: Choose from
    • Image Only
    • Text Over Image—text entered in the Banner Content field will appear over the image
    • Text Popup—a circled “i” icon will appear in the lower right of the image with text entered in the Image Title field shown next to it; when clicked a popup will open showing the text entered in the Banner Content field.
    • Video—if you choose this option you must enter a Youtube video ID in the Banner Video ID field that will appear in the feature image location. This option can also be used for Flickr 360 Images. You should still insert an image as well.
    • None—Select this option to not display any image on your homepage; on an interior page use the Parameters options to turn of the main page image.
  • Banner Image:Even if you selected Video in Banner Type, click the image icon next to this field to select the image that will be used when the page is shared on social media or the video is unable to display. Crop a Banner image type with the Image Editor and insert the largest size that was created. In order to avoid a pixelated image, the image must be at least 800 pixels wide for a Sub-Banner, 1024 pixels wide for a Banner, 1200 for a Feature, and 1600 for a Hero.
  • Image Description: This should be a description of what is in the image. It is used by screen readers to describe the image to the user.
  • Media Title: If you selected Text Popup, enter text in this field that will display next to the circled “i” icon. For Text Over Image, content entered here will be the large (H2) size. You can also use this field to display a title in a caption below the Video option.
  • Banner Content: Enter content that will be displayed over the image if you selected the Text Over Image Banner Type or in the popup if you selected Text Popup Banner Type. You can also use this field to display a description in a caption below the Video option. You can include links, bullets, and other formatting in this field.
  •  Text Over Image Location: For a Banner Type of Text Over Image, select an option for where the text will display on the image.
  • Banner Video ID: If you selected the Video Banner Type, enter a YouTube video ID for the video that will be displayed in the feature image location. The ID is the number/letter combination normally found after the = in the URL. This option can also be used for Flickr 360 Images. To include a 360 image, enter the Flickr URL which can be found by clicking the image download icon, right click on the Large option and select Copy Link Location.

Save your changes.

Remember, you must also make a Page Image Location Option selection on the Parameters screen in order for your image to show up. If you are using the Sub-Banner option with a Banner Type of Video, you should also insert an image in the Banner Image with a Description that would be used when the page is shared on social media.

Watch a video to see how to set up a video as your page image.

Personnel Information

If you are pulling information from an existing profile, you will not need to edit any of these fields. You will use the Existing Profile field in Parameters instead. At a minimum, you must enter a first name, last name, and email or userid.

  • Image: After creating a Personnel type image using the Image Editor, select the personnel 170 image using the icon next to the Image field.
  • Image Description: Put the person’s name in this field.
  • First Name: Employee’s first name.
  • Middle Name: Employee’s middle name, if desired.
  • Last Name: Employee’s last name.
  • Email: Employee’s email address.
  • Userid: Employee’s userid if it is different than that in the email address you entered.
  • Phone: Employee’s phone number.
  • Cell Phone: Employee’s cell phone number.
  • Location: Employee’s office location, put the building name first followed by the room number.
  • Titles: Enter up to three titles for the employee.
  • Education: Enter up to four degrees for the employee, if desired. Full page listings only.
  • Faculty Button: This is where you can set up the button for downloading the faculty CV. After uploading the CV file, select it by using the icon next to the Button Link field. If you want the button text to be something other than “Download CV,” enter the text in the Button Text field. Full page listings only.
  • Faculty Button 2: This is where you can set up a second button for downloading an additional CV. After uploading the CV file, select it by using the icon next to the Button Link field. If you want the button text to be something other than “Expanded CV,” enter the text in the Button Text field. Full page listings only.
  • Quote: Enter a quote. Quotation marks will automatically be added.
  • Quote Source: Enter the source for the quote. The dash will automatically be added.
  • Connect Links: Enter the URL of various personal social media accounts to have icons show up on the full-page listing. Full page listings only.
  • Recent Publications: Enter the title for the publications section in the Title field. List the publications in a bulleted list in the Publications field. You can include links. Full page listings only.
  • Recent Funding: Enter the title for the recent funding section in the Title field. List the funding in a bulleted list in the Publications field. You can include links. Full page listings only.
  • Presentations: Enter the title for the presentations section in the Title field. List the presentations in a bulleted list in the Publications field. You can include links. Full page listings only.
  • Research Projects: Enter the title for the recent projects section in the Title field. List the projects in a bulleted list in the Publications field. You can include links. Full page listings only.
  • Teaching Experience: Enter the title for the teaching experience section in the Title field. List the experience in a bulleted list in the Publications field. You can include links. Full page listings only.
  • External URL: If the person’s name on the listing page should link to a page other than a full-page profile within the current site, entre the full URL of that destination page. Full page listings only.
  • Save your changes.

Continue Reading


Row w/ Left Image Snippet

This snippet creates a layout with an image or an image and text on the left and heading/text on the right. You can choose whether or not to wrap the text on the right around the left content and whether or not to include a horizontal rule on the last item in the snippet.

row-left-image-example

Row with Left Image snippet.

  1. If you want the text on the right to wrap below the image/text on the left, leave the wrap value as true. Change it to false to not wrap the text.
  2. If you want a horizontal line after each of the rows, leave the hr value as true. Change it to false to not include horizontal lines.
  3. Insert an image, either square170, square250, or personnel170 image into the Image field. If you include text after the image you must use a square170 or personnel170 image. You can also insert a video snippet with a width of 170 or 250.
  4. Enter a heading (if desired) and the content for the right side in the content field.

Each row of the snippet will create a formatted row. To add more than three rows, press tab to get additional rows in the table.

Continue Reading


Pop-up Images Snippet

This snippet allows you to link an image or text to a pop-up window displaying an image. This pop-up can be a single image for that link or a gallery of multiple images from the links on the page. This is an advanced function.

pop-up-example

Pop-up images snippet.

  1. Enter the content that will appear on the page (either text or an image) in the Content field.
  2. Link that content to the image you want to appear in the pop-up.
  3. Enter text in the Relationship ID field. This is just an identification to determine which, if any, images should be in the same gallery. If you are adding multiple pop-up images on a page, giving them the same Relationship ID will group them into a gallery where the user can arrow through the images.
    1. The text must be all lower case with no symbols other than hyphen (-).

Continue Reading