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.

In the module section you can select the components for your site.

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.

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.

  2. In the Data section, select the Group renderings in sections according to Available Renderings items in the site.

  3. Save the changes. In the Experience Editor, the structure of the toolbox will be changed.

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.

    Change the rendering order.
  4. Save the changes. In the Experience Editor, the structure of the toolbox will be changed.

    Result of changing the order in the toolbox.

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.