Chat now with support
Chat mit Support

erwin Evolve 2020.1.1 - User Guide

erwin_Evolve_User_Guide
erwin_Evolve_User_Guide
Getting Started Creating Sites and Pages Data Layout Options Filtering Data Property Groups Data Visualizations Displaying Diagrams Using Web Modeler Automatic Diagrams (Diagram Designer) Navigating your Site Workflow Explained Social Interaction Features Questionnaires Reference Configuration and Administration Customizing Your Site Troubleshooting Upgrading

Working with External Pictures

Working with External Pictures

An External Picture layout is used to show a picture for each object in a list, and works by using a property on your objects to reference images on the Evolve server.

It is similar to the Image layout, except it is much better suited to displaying smaller images.

For example, you could have a number of 'Product' objects, each one with a 'logo' property. If you upload an image for each product to your Evolve server, you can enter the image name in the 'logo' property for each product, and using the External Picture layout, display that logo on an Index Page or Object Page (if listing Associated Objects).

In order to use the External Picture 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 Textproperty.

Note the scriptname of this Property Type.

The External Picture layout also requires you publish your Site as a Custom Site, and image files must be uploaded to your Evolve server.

Why and how should you use one?

Use the External Picture layout when you want to display an image for each object in a list.

Where and when can you use one?

Use the table below to see where you can use an External Picture:

Page Type

Parent node

Tabs

Number on page

Editable

Index Page

Object Type node

Yes - optional

Any

No

Object Page

Association Type node

Yes - mandatory

Any

No

What do you want to do?

Use an External Picture layout

To use the External Picture layout:

          1. Ensure you have a Single-Line Text Property Type on your Object Type where you can enter the image name. If you do not have one, use CW Suite to create a                     new one.

          For example, create a new Property Type titled 'logo'.

If you create the Property Type while Evolve Designer is open, you will have to close Evolve Designer and re-open it in order for it to recognize the new meta data.

          2. Upload all the image files you want to use to the 'images' folder, or a sub-folder within it, in your custom Site folder

          All standard web image formats are supported.

          3. For each of the objects you want to use an image with, enter the image file name in the new property field.

          What you enter here must be the full path to the image file, with the root being the 'images' folder in your custom Site folder. Therefore, if you uploaded your                     images directly into the 'images' folder, you can simply enter the image file name. However, if you created a sub-folder there, you should enter:                               <sub-folder-name>/<image-file-name>, such as 'logos/myimage.png'.

          4. In Evolve Designer, locate the parent node you want your External Picture page to sit beneath

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

          5. In the Selected Properties setting for the parent node, ensure you select the new Property Type which stores the image reference

          6. Right-click the layout beneath the parent node and choose Switch Layout > CW > External Picture

          7. In the Layout ID setting for the External Picture layout node, enter the scriptname of the Property Type which stores the image reference.

          8. Save and Publish your Site.

Please remember that now you are using a custom Site you must select that custom Site in the Deployment node settings for your Site.

Working with the Image Layout

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

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

          2. Switch the Layout of the page to Image

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

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

          4. Save and Publish your Site.

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

 

Working with View Box Layout

Working with View Box Layout

The View Box layout is a display function used internally by Evolve. This option is reserved and is not intended for customer use.

What do you want to do?

Select an Alternative Layout

Working with the Custom URL Layout 

Working with the Custom URL Layout [2018.0.2+]

The Custom URL layout is a display function used to display a URL property as a hyperlink, with a custom display string for the caption.

1. Create a property group, and select a single property to display in that group.

2. Use the Custom Display String to define the text to display to represent the link.

3. Select the Layout 'URL'

4. When the property is displayed in the page, it will now show the Custom Display String, but have the original URL.

Fig. URL Property

 Related Topics

Select an Alternative Layout

Verwandte Dokumente

The document was helpful.

Bewertung auswählen

I easily found the information I needed.

Bewertung auswählen