Chat now with support
Chat mit Support

erwin Evolve 2023.1.0 - General

Working with the Image Layout

An Image layout is used to show a picture to represent each object in a list, and works by using a property on your objects to reference an image file on a web server.

It is similar to the External Picture layout, except it is much better suited to displaying large images.

Users visiting your page can choose to navigate to the Object Page for that object, or can view the image in fullscreen mode.

If one or more of the objects returned by the list do not have a value for the image URL property, that object is omitted from the displayed list.

To display the same image as a property of your object in an Object Page, use the imageFromURL Property Group layout.

In order to use the Image layout, you must have a Property Type on your object which can be used to store the image file reference. This must be a Single-Line Text or URL property.

Note the scriptname of this Property Type.

The path to the file must be a full URL, such as:

http://www.mysite.com/images/myimage.png

The following image formats are supported: PNG, JPEG, GIF.

Why and how should you use one?

Use the Image layout when you want to display a large image for each object in a list, whether that's a list of objects on an Index Page, or a list of Associated Objects on an Object Page.

Where and when can you use one?

Use the table below to see where you can use the Image layout:

Page Type

Parent node

Tabs

Number on page

Editable

Index Page

Object Type node

Yes - optional

One, or one per Tab

No

Object Page

Association Type node

Yes - mandatory

One per Tab

No

What do you want to do?

Use an Image layout

Icon

Description automatically generated

These instructions assume you have already created the Property Type to store the reference, have populated the property for some of the objects, and have images stored in the locations you reference.

To use the Image layout:

  1. In Evolve Designer, locate the parent node you want your Image layout to be applied to

This is either the Object Type node on an Index Page or an Association Type node on an Object Page

  1. Switch the Layout of the page to Image

Right-click the layout beneath the parent node and choose Switch Layout > CW > Image

  1. Enter the scriptname of the Property Type you are using to store the image file reference in the Image URL Property Scriptname setting.

  2. Save and Publish your Site.

Icon

Description automatically generated

The Custom Display String feature does not work with the Image layout.

Verwandte Dokumente

The document was helpful.

Bewertung auswählen

I easily found the information I needed.

Bewertung auswählen