icon Image and Text Teaser
Created by Orckestra

How to show an image and content in a well-formatted page block

To show an image and content in a page block:

  1. Edit a page.
  2. Insert the Composite.Web.Html.ImageAndTextTeaser function ( Insert | Function) or add the following code:
    Expand code
  3. Set these parameters:
    • Image: The image to show in the page block. (The GUID used in the sample above is for illustration only. Replace with your own.)
    • Text: The text to show in the page block
    • Text Background Color (BackgroundStyle): The style options for the background.
  4. In the Options parameter, enable or disable these options to change the layout of the page block:
    • Is the image on the right: The image right-aligned. Left-aligned  (disabled) by default.
    • Is the block full-width: The page block is full-width. Disabled by default.
    • Has spacing at the top: The page block has spacing above. Enabled by default.
    • Has spacing at the bottom: The page block has spacing below. Enabled by default.

Note. The background options are pre-defined by the "Style Options from a File" add-on.