Skip to main content

Search

Add a Single Image to Your Page

Morgan King
  • Updated

Who can use this feature?

System Admin Slash Owner Slash Publisher Slash Author

This article will show you how to add a Single Image to your page.

 

New UI Instructions

 

Instructions

  1. Click Try New UI
    try new UI button
  2. Navigate to your page
  3. Click Content
    click content
  4. Search for your desired image or scroll through the available content
    content search box
  5. Drag-and-drop the image onto your page
    drag-and-drop image
  6. Configure the Image Options in the Widgets menu
    image options
    • Content
      Single Image Content
      • Widget Items: View items currently within the widget
        • Actions: Modify, Preview, Delete or Remove items
    • Widget Format: Select a format
      widget menu, image options, widget format tab
      • Calendar: Monthly calendar with events
      • Event: Show as events
      • Link List: Present links, no images
      • Single Image: A single image
    • Content Appearance: Customize inclusion and appearance of content fields, columns, etc.
      Content Appearance
      • Widget Skin: Select a widget design skin
      • Remove Background Styles: Mark the box to remove any background styles
      • Hide Loading Placeholders: Mark the box to hide placeholders while the page is loading
    • Options
      Image Options
      • Header: Create a header
      • Link: Assign a link to the image
      • Open in New Window: Forces the link to open in a new window when clicked
      • Alt Text: The text that will appear on the page if the image fails to load
  7. Click Save (blue disc) at the top of the page
    save icon

 

Old UI Instructions

 

Instructions

  1. Upload the image to the HCMS
  2. Navigate to your desired page
  3. Ensure that Live Edit is On
    live edit is on
  4. Search for your image
    content search box
  5. Drag-and-drop the image to the desired location on your page
    drag-and-drop image
    • Note: Available areas to drop an asset will show in blue boxes.
  6. Modify the information
    image options fields
    • Widget Format: Select Single Image
      • Other options:
        • Calendar: Creates a Calendar
        • Event: Only suitable for event assets
        • Link List: Creates a dynamic list of documents
        • Slideshow: Create a slideshow
        • Stacked: Stack widgets
    • Widget Items: Will populate appropriately
    • Header: Create an Image header
    • Link: Add a link (make the image a hyperlink)
      • Open in New Window: Open the link in a new window
    • Alt Text: Create alt text for accessibility
    • Background Styles: Select to Remove Background Styles
    • Breakpoint: Change your breakpoint number to your desire
  7. Choose a saving option
    save button
    • Save: Will save the version and show to the public
    • Save as Copy: Will save the version as a copy, but not publish to the public
    • Cancel: Will not save the changes made

Comments

Let us know what was helpful or not helpful about the article.

0 comments

Please sign in to leave a comment.