Component Name
Image
Description
Image component used for placing images in the page content.
Configuration Options
Tab: Image
- Images uploads for Desktop, Tablet, and Mobile (properly sized images should be used for each layout to optimize page load speed).
- Caption text.
- Alt text for visually impaired users.
- Link options to make the image clickable.
- Link Target: Current Window, New Window or Embed Internal Link
Tab: Display Settings
- Show lightbox allows for a smaller image to open a larger format for users to see details where necessary. Ideal for detailed charts/graphs.
- Change to uppercase option change caption to uppercase
- Social sharing option.
- Text wrapping options.
- Alignment options - size and alignment of an image
- Text color options - sets the color of the caption and related social sharing component
General options
Alignment Options
Default width options does not support text wrap around the image.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Justo nec ultrices dui sapien. Cursus vitae congue mauris rhoncus aenean. At consectetur lorem donec massa sapien. Metus vulputate eu scelerisque felis imperdiet proin fermentum leo vel. Interdum velit laoreet id donec ultrices. Porta nibh venenatis cras sed felis eget velit aliquet sagittis. Fringilla ut morbi tincidunt augue interdum velit euismod in pellentesque. Ultricies lacus sed turpis tincidunt id aliquet risus. Eget mauris pharetra et ultrices neque ornare aenean euismod elementum. Est ultricies integer quis auctor elit sed vulputate mi sit. Lectus nulla at volutpat diam ut venenatis tellus in. Malesuada fames ac turpis egestas sed tempus urna et pharetra. Tortor consequat id porta nibh venenatis cras sed felis. Nulla at volutpat diam ut venenatis tellus in metus. Dis parturient montes nascetur ridiculus mus mauris. Pellentesque eu tincidunt tortor aliquam nulla. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Mauris rhoncus aenean vel elit scelerisque.
A cras semper auctor neque vitae tempus quam pellentesque nec. Ut porttitor leo a diam sollicitudin tempor id eu. Lacus sed turpis tincidunt id aliquet risus feugiat in ante. Accumsan tortor posuere ac ut consequat semper viverra nam. Non tellus orci ac auctor augue mauris augue neque. Elementum curabitur vitae nunc sed velit dignissim sodales. Quisque egestas diam in arcu cursus euismod quis. Quis risus sed vulputate odio ut. Erat velit scelerisque in dictum non consectetur a. Interdum varius sit amet mattis vulputate. Ullamcorper morbi tincidunt ornare massa eget egestas purus. Ipsum suspendisse ultrices gravida dictum fusce ut placerat. Feugiat sed lectus vestibulum mattis. Eleifend quam adipiscing vitae proin sagittis. Tincidunt eget nullam non nisi est sit amet. Tristique risus nec feugiat in fermentum posuere urna nec. Libero id faucibus nisl tincidunt eget nullam non nisi est.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Justo nec ultrices dui sapien. Cursus vitae congue mauris rhoncus aenean. At consectetur lorem donec massa sapien. Metus vulputate eu scelerisque felis imperdiet proin fermentum leo vel. Interdum velit laoreet id donec ultrices. Porta nibh venenatis cras sed felis eget velit aliquet sagittis. Fringilla ut morbi tincidunt augue interdum velit euismod in pellentesque. Ultricies lacus sed turpis tincidunt id aliquet risus. Eget mauris pharetra et ultrices neque ornare aenean euismod elementum. Est ultricies integer quis auctor elit sed vulputate mi sit. Lectus nulla at volutpat diam ut venenatis tellus in. Malesuada fames ac turpis egestas sed tempus urna et pharetra. Tortor consequat id porta nibh venenatis cras sed felis. Nulla at volutpat diam ut venenatis tellus in metus. Dis parturient montes nascetur ridiculus mus mauris. Pellentesque eu tincidunt tortor aliquam nulla. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Mauris rhoncus aenean vel elit scelerisque.
A cras semper auctor neque vitae tempus quam pellentesque nec. Ut porttitor leo a diam sollicitudin tempor id eu. Lacus sed turpis tincidunt id aliquet risus feugiat in ante. Accumsan tortor posuere ac ut consequat semper viverra nam. Non tellus orci ac auctor augue mauris augue neque. Elementum curabitur vitae nunc sed velit dignissim sodales. Quisque egestas diam in arcu cursus euismod quis. Quis risus sed vulputate odio ut. Erat velit scelerisque in dictum non consectetur a. Interdum varius sit amet mattis vulputate. Ullamcorper morbi tincidunt ornare massa eget egestas purus. Ipsum suspendisse ultrices gravida dictum fusce ut placerat. Feugiat sed lectus vestibulum mattis. Eleifend quam adipiscing vitae proin sagittis. Tincidunt eget nullam non nisi est sit amet. Tristique risus nec feugiat in fermentum posuere urna nec. Libero id faucibus nisl tincidunt eget nullam non nisi est.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Justo nec ultrices dui sapien. Cursus vitae congue mauris rhoncus aenean. At consectetur lorem donec massa sapien. Metus vulputate eu scelerisque felis imperdiet proin fermentum leo vel. Interdum velit laoreet id donec ultrices. Porta nibh venenatis cras sed felis eget velit aliquet sagittis. Fringilla ut morbi tincidunt augue interdum velit euismod in pellentesque. Ultricies lacus sed turpis tincidunt id aliquet risus. Eget mauris pharetra et ultrices neque ornare aenean euismod elementum. Est ultricies integer quis auctor elit sed vulputate mi sit. Lectus nulla at volutpat diam ut venenatis tellus in. Malesuada fames ac turpis egestas sed tempus urna et pharetra. Tortor consequat id porta nibh venenatis cras sed felis. Nulla at volutpat diam ut venenatis tellus in metus. Dis parturient montes nascetur ridiculus mus mauris. Pellentesque eu tincidunt tortor aliquam nulla. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Mauris rhoncus aenean vel elit scelerisque.
A cras semper auctor neque vitae tempus quam pellentesque nec. Ut porttitor leo a diam sollicitudin tempor id eu. Lacus sed turpis tincidunt id aliquet risus feugiat in ante. Accumsan tortor posuere ac ut consequat semper viverra nam. Non tellus orci ac auctor augue mauris augue neque. Elementum curabitur vitae nunc sed velit dignissim sodales. Quisque egestas diam in arcu cursus euismod quis. Quis risus sed vulputate odio ut. Erat velit scelerisque in dictum non consectetur a. Interdum varius sit amet mattis vulputate. Ullamcorper morbi tincidunt ornare massa eget egestas purus. Ipsum suspendisse ultrices gravida dictum fusce ut placerat. Feugiat sed lectus vestibulum mattis. Eleifend quam adipiscing vitae proin sagittis. Tincidunt eget nullam non nisi est sit amet. Tristique risus nec feugiat in fermentum posuere urna nec. Libero id faucibus nisl tincidunt eget nullam non nisi est.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Justo nec ultrices dui sapien. Cursus vitae congue mauris rhoncus aenean. At consectetur lorem donec massa sapien. Metus vulputate eu scelerisque felis imperdiet proin fermentum leo vel. Interdum velit laoreet id donec ultrices. Porta nibh venenatis cras sed felis eget velit aliquet sagittis. Fringilla ut morbi tincidunt augue interdum velit euismod in pellentesque. Ultricies lacus sed turpis tincidunt id aliquet risus. Eget mauris pharetra et ultrices neque ornare aenean euismod elementum. Est ultricies integer quis auctor elit sed vulputate mi sit. Lectus nulla at volutpat diam ut venenatis tellus in. Malesuada fames ac turpis egestas sed tempus urna et pharetra. Tortor consequat id porta nibh venenatis cras sed felis. Nulla at volutpat diam ut venenatis tellus in metus. Dis parturient montes nascetur ridiculus mus mauris. Pellentesque eu tincidunt tortor aliquam nulla. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Mauris rhoncus aenean vel elit scelerisque.
A cras semper auctor neque vitae tempus quam pellentesque nec. Ut porttitor leo a diam sollicitudin tempor id eu. Lacus sed turpis tincidunt id aliquet risus feugiat in ante. Accumsan tortor posuere ac ut consequat semper viverra nam. Non tellus orci ac auctor augue mauris augue neque. Elementum curabitur vitae nunc sed velit dignissim sodales. Quisque egestas diam in arcu cursus euismod quis. Quis risus sed vulputate odio ut. Erat velit scelerisque in dictum non consectetur a. Interdum varius sit amet mattis vulputate. Ullamcorper morbi tincidunt ornare massa eget egestas purus. Ipsum suspendisse ultrices gravida dictum fusce ut placerat. Feugiat sed lectus vestibulum mattis. Eleifend quam adipiscing vitae proin sagittis. Tincidunt eget nullam non nisi est sit amet. Tristique risus nec feugiat in fermentum posuere urna nec. Libero id faucibus nisl tincidunt eget nullam non nisi est.
Colored backgrounds
Extract Embed
Labs Article
F5-com product page
