A Size Model contains a collection of width/height definitions that control how images stored in the Content Repository are rendered in an image element. When you create a new size model, it becomes available in the "Size Model" drop-down list in the Properties for an image content type. When a Size Model is assigned to an image stored in the Content Repository, the width/height pairs contained within it are available to be used for rendering the image. The width/height definition you select overrides the actual width/length of an image and is used to render the image in the Editor and on the website frontend. You can only assign one size model to an image.



 

 

In This Topic

 

Creating a Size Model

To create a new size model, follow the steps below. When you have created a size model, it becomes available as an option for images stored in the Content Repository.

  1. Navigate to Configuration > Content Repository and select the "Size Models" tab.
  2. Select >New Size Model< from the "Select Size Model" drop-down list.
  3. In the "Title" field, enter the name of the new size model.
  4. Enter the width (in pixels) for the image size in the "Width" field.
  5. Enter the height (in pixels) for the image size in the "Height" field.
  6. Click [Apply]. The width/height pair is added to the size model.
  7. Repeat the above steps for each width/height pair you want to add to the size model.
  8. Click [Close].



Back to top

 

Assigning a Size Model to an Image

To assign a Size Model to an image, follow the steps below.

  1. Navigate to the image in the Editor using Quick Search or Advanced Search.
  2. Click [Edit] in the Properties widget.
  3. Expand the Size Model drop-down list and select the size model that contains the width/height pair(s) you want to make available to use for the image. For example:





  4. Click [Save] and then [Close].



Back to top

 

Assigning a Size to an Image

Once a Size Model has been assigned to an image content type, the width/height pair(s) contained within it can be used to define how the image is rendered in the Editor and on the website frontend. Follow these steps to define the size of an image:

New Image

To assign a size to a new image:

  1. Navigate to the content item to which you want to add the image.
  2. Hover the mouse over the title of the content item and click [Edit].
  3. Click in the part of the content item where you want to add the image,
  4. Click [Insert] and select "Image".
  5. Drag and drop the image from an Explorer window onto the "Drop your image here" or click [Select from Repository] to select the image from the Content Repository. The image appears on the content item.
  6. Click [Edit] to show the properties for the image element,
  7. Expand the Size drop-down list and select the width/height to use to render the image from the list. For example:

    Size drop-down list

  8. Click [Apply] and then [OK]. The image appears in the Editor in the size you selected.

Existing Image

To assign a size to an existing image:

  1. Navigate to the content item containing the image to which you want to assign a new size.
  2. Hover the mouse over the title of the content item and click [Edit].
  3. Click the image in content item and then click [Edit] to show the properties for the image element,
  4. Expand the Size drop-down list and select the width/height to use to render the image from the list. For example:


     

  5. Click [Apply] and then [OK]. The image appears in the Editor in the size you selected.



Back to top