Show Menu
Cheatography

SXA Renderings Cheat Sheet by

List of SXA Renderings (For SXA 9.3). Reference : https://doc.sitecore.com/users/sxa/93/sitecore-experience-accelerator/en/the-sxa-renderings-and-rendering-variants.html (Thanks to Sitecore team!)

Composites

Accordion
Embedded renderings can support variants
Displays collap­sible panels.
Carousel
Embedded renderings can support variants
Displays set of slides that can contain images, videos, links, and text.
Flip
Embedded renderings can support variants
Displays two sides that both have a title and a content rendering.
Tabs
Embedded renderings can support variants
Adds tabs to the page.
Snippet
Embedded renderings can support variants
Provides placeh­olders to create a reusable group of render­ings.

Context

Language Selector
Provides a link to switch between different language versions.
Site Selector
Provides a link to switch between different tenant sites.

Engagement

Facebook Comments
Displays Facebook comments.

Events

Event Calendar
Displays events from event lists or a Google calendar.
Event List
Displays lists of events with name, descri­ption, place, start/end time, and link.

Forms

WFFM Wrapper
Embeds a form created using the Webforms for Marketers module.
Sitecore Forms Wrapper
Embeds a form created using the Sitecore Forms module.
MVC Form
After you embedded a Form module, you can add the MVC form to your page.

Maps

Map
Embeds maps from Google or Bing with locations, routes, and areas that you can mark. The component can also display POI results when associated with a search results source. Points on a map can be formatted with rendering variants.

Security

Login
Displays a login form.
Logout
Displays a logout button.
Social Login Wrapper
Embeds a Social Connected module login form on the page.
 

Media

File List
yes
Displays list of files available for download. Supports rendering variants.
Flash
no
Embeds a SWF object on the page.
Gallery
no
Displays a gallery of images and/or videos.
Image
yes
Adds an image that you select from the Media library to a page.
Image (Reusable)
yes
Stores image from the Media library to enable reusab­ility.
Media Link
yes
Provides a rich link to an asset in the Media library. Includes descri­ption and preview. Supports rendering variants.
Playlist
yes
Enables you to create a playlist for the Video component. Supports rendering variants.
Video
no
Displays an HTML 5 player (with Flash fallback for legacy browsers) to play videos.

Page Content

Field Editor
yes
Enables you to edit content fields directly in the Experience Editor.
Page Content
yes
Displays the specific fields on a page from the data source item that you select.
Page List
yes
Displays lists of pages by predefined or composed queries.
Pagination
no
Adds pagination for the Page list rendering.
Plain HTML
no
Embeds HTML code.
Plain HTML (Reusable)
no
Stores HTML code to enable reusab­ility.
Promo
yes
Renders a field from another page and works as a placeh­older for other render­ings. It consists of an icon or a title and links.
Rich Text
yes
Adds formatted text on a page. You can write text using HTML tags.
Rich Text (Reusable)
yes
Stores rich text to enable reusab­ility.
Title
yes
Displays the title or subtitle of the current page.

Social

AddThis
Integrates AddThis person­alized widgets.
Feed
Displays RSS and ATOM feeds.
Social Media share
Displays social network links (Facebook, Twitter, Google+)
Twitter
Displays latest tweets posted on Twitter.
Disqus
Displays latest comments.
 

Navigation

Archive
yes
Displays blog archives in a tree.
Breadcrumb
no
Generates a breadcrumb that lists all path items from the root to the current item. Supports rendering variants.
Link
yes
Adds a link to: sibling or parent page page from browsing history arbitrary page or resource
Link List
yes
Displays lists with items that contain a title, link, and text.
Navigation
no
Generates a navigation menu. You can select: Main navigation - drop-down vertical – standard drop-down navigation Main navigation - drop-down horizontal – drop-down navigation with child items in a single line Sidebar navigation – all child items displayed vertically Sitemap navigation - all child items displayed vertically Big/fat navigation – all child items displayed horizo­ntally. Mobile navigation – navigation for mobile

Page Structure

Container
Adds additional CSS styling using a wrapper for other render­ings.
Divider
Divides a placeh­older horizo­ntally.
Edit Mode Panel
Creates a placeh­older to embed other renderings that are visible to authors in Edit mode only.
IFrame
Embeds external pages.
Splitter (Columns)
Splits a placeh­older horizo­ntally.
Splitter (Rows)
Splits a placeh­older vertic­ally.
Toggle
Displays buttons or links that show additional content when toggled.

Taxonomy

Tag Cloud
Displays the aggregated tags for the search results, visually weighted based on their occurrence frequency.
Tag List
Displays taxonomy entries that a page is tagged with.
 

Search

Aggregated Facet Filter
yes
Combines filters within one component.
Facet Summary
no
Displays active filters on the page and allows visitor to remove them one by one or in bulk.
Filter (Check­list)
no
Filters search results based on selected values.
Filter (Date)
no
Filters the search results on selected date/time.
Filter (Dropdown)
no
Filters search results based on items that are tagged with a selected facet.
Filter (Managed Range)
no
Specifies the result with a minimum and maximum.
Filter (Radius)
no
Filters the search results based on distance from current user location or location provided in the Location Filter rendering.
Filter (Range Slider)
no
Filters the search results based on a facet to be less, more, or equal to the value selected by a visitor.
Filter (Slider)
no
Filters search results based on a specific facet within the selected range.
Load More
no
Loads search results progre­ssi­vely.
Location Finder
no
Specifies user location.
Page Selector
no
Provides paging functi­onality for search results. This rendering is mutually exclusive with the Load More rendering.
Page Size
no
Enables visitors to switch the number of results displayed once.
Results Count
no
Enables you to indicate the number of results available to the visitor.
Results Variant Selector
no
Enables visitors to change the rendering variant that is used dynami­cally by the Search Results rendering
Search Box
yes
Filters the search results based on text provided by a visitor.
Search Results
yes
Displays the results of a search query.
Sort Results
no
Enables users to switch the sorting criteria for search results.
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          Sitecore Field Source as XPath, Query or FastQuery Cheat Sheet
          Sitecore CLI cheatsheet Cheat Sheet

          More Cheat Sheets by kpatil