<templates:testimonial>
AJAX
Data
Forms
Layout
Logic
Navigation
Personalisation
Standard
Templates
ATTRIBUTES
EXAMPLES
Regions
Third Party

<templates:testimonial> </...>

A template element used inside <templates:flexlayou> for displaying positive reviews or past user experiences.

Content

any
The body text of the testimonial.

Attributes

bGColor
string
Background Colour

Background Color of the Card.
cardSize
string
Card Size

Size (Width) of the Card. Options are SM, MD or LG.
color
string
Font Colour

Font (Text) Color of the Card.
height
string
Height

Sets the height of the element. The default units are pixels. include the percentage symbol % to user percentage values.
href
string
Link

Link to be applied as an overlay to the Card.
id
string
Give this control a unique id. Can be accessed in the client DOM (eg, document.getElementById('myid') or in the server DOM using [? $myid ?] or [? $('myid') ?]).
profileImage
string
Profile Image Src

Source of the image to be used as a profileimage.
variant
string
Variant

Name indicating which template variant to use.
width
string
Width

Sets the width of the element. The default units are pixels. include the percentage symbol % to user percentage values.

Examples

Basic Testimonial

Display three testimonials, using the template variant 'Divide'

HTML:

<templates:flexlayout style="justify-content: center; align-items: stretch;" preventwrap="preventwrap"> <templates:testimonial style="margin: 10px;" profileimage="/_public/Controls/Templates/TeamMember/icons/teammember_placeholder.svg" variant="Divide" role="Customer" name="Alice Fender" bgcolor="#fff"> Add testimonial content here. </templates:testimonial> <templates:testimonial style="margin: 10px;" profileimage="/_public/Controls/Templates/TeamMember/icons/teammember_placeholder.svg" variant="Divide" role="Store Owner" name="Joseph Ibanez" bgcolor="#fff"> Add testimonial content here. </templates:testimonial> <templates:testimonial style="margin: 10px;" profileimage="/_public/Controls/Templates/TeamMember/icons/teammember_placeholder.svg" variant="Divide" role="Business Owner" name="John Smith" bgcolor="#fff"> Add testimonial content here. </templates:testimonial> </templates:flexlayout>

Run Example