Image Border Type
How to Build These Modules
Image is one of the reusable content types in that, once you upload an image into the WCMS, you can insert it in multiple locations with different display options. When you insert an image, you must select an Image Type in the image Settings form. The Image Type specifies how you want to use the image:
- Image Only
- Image with Text/Links — “Image with Caption” Style
- Image with Text/Links — “Photo Box” Style
The examples on this page are all inserted with the Image Type set to “Image Only.” For this image type, key usage-specific values are as follows:
Border Type: None, Polaroid, Basic, Fancy. The examples on this page illustrate the Polaroid, Basic, and Fancy styles.
Alignment — Set the float style of the image (None, Float Left, or Float Right). If you float the image, you can also set the Column Width.
Example 1: Float-Right Image with Basic Border. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Example 2: Float-Left Image Image with Fancy Border. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Example 3: Image with Polaroid Border (No Float). Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- Page last reviewed: July 5, 2017
- Page last updated: July 5, 2017
- Content source: