Sitecore Experience Accelerator: Add Custom Rendering To Toolbox

Sitecore Experience Accelerator, also known as SXA, is the new concept of speeding up website creation. The module allows reuse of components, layouts, and templates across a variety of sites.

By making use of the SXA Toolbox, it will allow you to easily drag and drop predefined renderings on the Experience Editor to build the site.

sxa

Most of you will require to implement new renderings that are required to be present in the SXA Toolbox and also you will want to keep the toolbox well structured. So, first of all, go to the following path /sitecore/layout/Renderings/Feature/Experience Accelerator. In this example, I will create a new Rendering Folder called Membership and add a Controller Rendering named Login.

Capture.PNG

Note: that you need to fill in the different fields like Controller, Controller Action and so on for the rendering to map to the cshtml file.

To add the rendering to the toolbox, open your Tenant Site and navigate to the Presentation Container

Untitled.png

The Available Renderings contains all the renderings that are present in the toolbox. Since we have created a new Rendering Folder, to keep the same principle, create a new Available Renderings item and name it as Membership. Then assign the Login rendering as shown below:

Capture.PNG

If you see your Toolbox now, you will see the new Membership section and in it you need to see the Login rendering as shown below:

capture

If, for example, you created the Login Controller Rendering into the Composites Rendering folder, when assigning the rendering in the Available Renderings, select the Composites item and set the Login in there. This allows for better management of the renderings.

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s