Edit

Share via

Add an image

  • Article

Use the image component to add images to your portal page.

To add an image:

  1. Open the design studio to edit the content and components of your page.

  2. Select the page you want to edit.

  3. Select the section you want to add the image component to.

  4. Hover over any editable canvas area, then select the Image icon from the component panel.

    The add component menu options.

  5. You can now upload an image, use an external URL, or use template images (if available).

    Option Description
    Upload image Select this option if you want to select an existing image or upload a new one. If you want to select a previously uploaded image, choose it from the Select image list. To upload a new image, select Upload image. All the uploaded images are included in the image library, which you can select again through the Select image list.
    External URL Select this option if you want to upload an image from an external URL. Enter the URL in the External URL field. Only secured links are accepted—that is, https:// is mandatory. If you have images stored in your content delivery network, you can provide the link in this field.

Format an image

To format your image, select it and a menu with editing options will appear:

  • Select a new image
  • Configure the alignment
  • Add a link to the image
  • Access more options
  • Duplicate the image, move it up, move it down, or delete it

Editing options for images in the design studio.

Tip

Power Fx is now available to use with different Power Pages components including images. Use Power Fx to dynamically set values based on the result of an expression. For more information, go to Use Power Fx in Power Pages (preview).

To add a link to your image:

  1. Choose the link icon from the editing options above the image.
  2. Select a radio button to Link to a URL or Link to a page.
    • If you're linking to a URL, fill in the text field.
    • If you're linking to a page, select the page from the drop down.
  3. Select the OK button.

Once the link is created, you can select the link icon to edit or remove the link.

Adjust image size

Options to adjust the size of your image are located under More options. To access these options:

  1. Select the gear icon from the editing options above the image to access the More options window.
  2. Update the height and width fields.
  3. Select the OK button.

Add alt text to an image

  1. Select the gear icon from the editing options above the image to access the More options window.
  2. Update the alt text field.
  3. Select the OK button.

Storing images in Power Pages design studio

By default, images in Power Pages sites are stored beneath the Home page.

Change image storage location

To change the location where your images will be stored

  1. Select the image button for any image component.

  2. Choose Advanced Options in the bottom-left corner of the Add an image dialog.

  3. Select the page to store all newly updated images beneath.

    Tip

    • This only applies to newly updated images. If you want to change the parent page for an existing image, re-upload the image after changing this setting.
    • If you want to prevent, direct access to images, store them beneath a restricted page and set the image files to inherit the page's permissions. More information: Page permissions in Power Pages

View image storage location

To see the parent page of your images in design studio

  1. Select the Image button for any image component.
  2. Locate the parent age in Grid or List view.