Umbraco Backoffice Documentation

Image Row

List of images with an optional link and text.

Image Row with text is displayed in a continuous line of 3 Image Row Items on desktop and tablet, and one above the other on mobile. The text is displayed on the right of the logo on desktop and below the logo on tablet and mobile devices.

Game Freeze

Game Freeze

Time Keeper

Time Keeper

Deposit Limit

Deposit Limit

Image Row without text is displayed in a continuous line on desktop, tablet and mobile devices until the image is bigger than the view width.

Game Freeze

Game Freeze

Time Keeper

Time Keeper

Deposit Limit

Deposit Limit

Cooling Off

Cooling Off

Self Exclusion

Self Exclusion

Content

Image Row page component has one mandatory content parameter:

  • Images - list of images with an optional link and text.

Images

List of images with an optional link and text which can be built using Image Row Items. It needs a minimum of one and unlimited maximum number of Image Row Items.

Image Row Item

Image Row building element which has three content parameters:

  • Picture - a Picture element. Image supports a variety of media formats and image transparency. Also, it is very important to add a detailed image content description for the website to be accessible.
  • Link (optional) - a URL to another page or website. This will add a URL to the logo.
  • Text (optional) - a line of text which is placed on the logo right hand side on desktop and under the logo on tablets and mobile.

Also, it has two settings:

  • Hide - hides the element in Image Row component.
  • Image Size - sets the logo size and overwrites Image Row Image Size setting if present. To get the default size, don't select anything in Image Size dropdown.

Settings

Image Row page component has the following settings:

Desktop Text Position

Toggling this setting will put the text below the image on desktop devices (with this setting it's 1200px and above).

star logo

This is a star logo

star logo

This is a star logo

star logo

This is a star logo

Hide Desktop Text

Toggling this setting will hide the logo text on desktop devices (device width more or equal to 992px) while keeping the text visible on mobile devices (device width less than 992px). If both Hide Desktop Text and Hide Mobile Text are active at the same time, the logo text won't be visible on any device.

star logo

This is a star logo

star logo

This is a star logo

star logo

This is a star logo

Hide Mobile Text

Toggling this setting will hide the logo text on mobile devices (device width less than 992px) while keeping the text visible on desktop devices (device width more or equal to 992px). If both Hide Desktop Text and Hide Mobile Text are active at the same time, the logo text won't be visible on any device.

star logo

This is a star logo

star logo

This is a star logo

star logo

This is a star logo

Paragraph Text Size

Sets the logo text size.

star logo

Small logo text

star logo

Small logo text

star logo

Small logo text

star logo

Default logo text

star logo

Default logo text

star logo

Default logo text

star logo

Medium logo text

star logo

Medium logo text

star logo

Medium logo text

star logo

Large logo text

star logo

Large logo text

star logo

Large logo text

Image Size

Sets the logo size. To get the default size, don't select anything in Image Size dropdown.

star logo

44px extra small logo

star logo

44px extra small logo

star logo

44px extra small logo

star logo

56px small logo

star logo

56px small logo

star logo

56px small logo

star logo

68px medium logo

star logo

68px medium logo

star logo

68px medium logo

star logo

80px large logo

star logo

80px large logo

star logo

80px large logo

star logo

92px extra large logo

star logo

92px extra large logo

star logo

92px extra large logo

Previous section:

Responsive Image

Next section:

YouTube Video Player