Image

The image field allows you to upload an image or select one from the media library. The style of this image can be controlled with the Image format field.

Link

The image block can be wrapped in an accessible, clickable link that can be accessed when the end user clicks the image from the Image field.

URL

This is the path users will be sent to when the Image is clicked.

Link text

This is the text that will appear for screen readers when reading this link. Please use descriptive, concise wording.

Unique ID

This is used to give the block a unique id that can be then used as an anchor to jump to its position on the page. For example, adding "#my-unique-id" on to the end of a Link to this page will send a user to the position of this block.

Display Options

Image format

This controls the aspect ratio of your Image. Your options are as follows:

  • Widescreen (16:9) (This is the default)
  • Ultrawide (21:9)
  • Square (1:1)
  • Circle
  • No crop
  • No crop - fit height

When utilizing these options, your image will fill the width of its container, but its height will change depending on your selection.

Block Restrictions

The image block is available in the following section layouts:

  • One column
  • Two column
  • Three column
  • Four column
  • Page w/ left sidebar

 

Related topics

Harnessing the power of images for your website

Monday, January 9, 2023
Images on your Iowa website are powerful. They can convey a variety of messages and let your target audience see themselves on campus, tell the story of your unit and allow you to convey a message better than you might be able to in writing. They can also capture a feeling and atmosphere that makes the user want to come back to your website again. We will look at why high-quality images matter and how to choose the best images for your site.

Managing an effective image library

Tuesday, December 19, 2023
You’ve started laying out your pages and adding content and components. But there is something you’re website wouldn’t be complete without — your images. These visual assets breathe life into your pages, serving as dynamic showcases for your programs or departments. While your users engage with the visible content, the seamless management of your media library behind the scenes is equally important. Ensuring a clean and effective media library not only streamlines your responsibilities but also enhances the overall user experience. Today, we’ll talk about four tips for managing an effective image media library.
Screenshot of the media popup modal in Drupal

Important update on SiteNow image display styles

Friday, December 8, 2023