Restructure the SXA Toolbox

Abstract

Change the organization of components in the toolbox.

To make it easier to construct your page, SXA comes with a toolbox with reusable renderings that you can drag and drop onto your page. The SXA toolbox organizes all renderings in categories, such as Page content, Page structure, Navigation, Forms, and so on.  

When creating a new site, you can determine which renderings will be available for that site.

SXA-toolbox-select-renderings-site-creation.PNG

SXA also lets you change the structure of the components within the toolbox. This may be convenient when you want to move a component category that you use often to the top of the list or if you want to change the order of the components within the category.

This topic describes how to:

To change the order of appearance of rendering categories in the Toolbox:

  1. Navigate to sitecore/Content/Tenant/Site/Presentation, and in the Available Renderings item reorganize the rendering categories. For example, move the Page Content and Page Structure categories to the top of the list.

    SXA-toolbox-available_renderings.PNG
  2. In the Data section, select the Group renderings in sections according to Available Renderings items in the site.

    SXA-toolbox-checkbox.PNG
  3. Save the changes. In the Experience Editor, the structure of the toolbox will be changed.

    SXA-toolbox-EE.PNG

To change the order of the renderings within a category:

  1. Navigate to sitecore/Content/Tenant/Site/Presentation/Available Renderings and click the category that you want to change the structure for. 

  2. In the Data section, in the Renderings field click Edit.

  3. In the Select items dialog box, in the Selected field change the order of the components by using the arrows. For example, for the Page Structure category, move the splitter renderings to the top.

    SXA-toolbox-component-order.PNG
  4. Save the changes. In the Experience Editor, the structure of the toolbox will be changed.

    SXA-toolbox-component-order-EE.PNG

To group renderings in a custom category:

  1. Navigate to sitecore/Content/Tenant/Site/Presentation, right-click  Available Renderings and click Available Renderings.

  2. Enter a name and click Ok.

  3. In the Data section, in the Renderings field click Edit.

  4. In the Select items dialog box, navigate to Layout, Renderings and select the components that you want to add to your custom category.