Adding images to panels

After starting the panel creation process, you can configure the File upload panel property to display as an image.

The File upload panel property can be configured to display an image rather than displaying a link to download the image. The Display as image checkbox appears after you drag the panel property to the panel layout area.

Viewing a panel image in an example

Do the following to display images on panels:

  1. Go to RiSE > Panel Designer > Panel definitions.
  2. Open the desired panel for edit.
  3. Locate the panel source and expand it to reveal the existing properties.

    4. Expanding panel source to reveal properties

  4. Drag the desired properties to the panel layout area. If the property has a Property type of File upload, you will see the Display as image checkbox.

    5. Viewing property types

  5. Enable Display as image under the source Label. You can define the image width. The default size is 200 px.

    6. Enabling Display as image

  6. Click Save & Exit. Your image is now visible in the panel when viewing it from its page.

    7. Viewing a panel from a page

    If someone uploads a non-image file, the file will upload, but it will display the Download file link instead of an image. To restrict the file types to images only, be sure to populate the Allowed file types field with image file extensions.

    Adding Allowed file types

To learn how to display the images in an IQA query, see Displaying images uploaded through panels in an IQA query.