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:
- Edit a page.
- Insert the Composite.Web.Html.ImageAndTextTeaser function ( Insert | Function) or add the following code:
Expand code - 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.
- Image: The image to show in the page block. (The GUID used in the sample above is for illustration only. Replace with your own.)
- 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.
Have a question?
Post it to the C1 CMS Foundation forum.