Element Render Handlers

How to change the look of elements using render handlers.


This tutorial assumes you already know the following:


Render handlers are used to format and display elements. Some elements more than one render handlers available.

The Photo Gallery element has three different render handlers for displaying the gallery in different situations.

Full Render Handler

Photo Gallery - Full view

Medium Render Handler

Medium Photo Gallery renderhandler

Small Render Handler

Photo gallery element with small renderhandler

Step 1: Are Render Handlers Available?

Not all elements have custom render handlers to choose from.

  1. Go into Author or Edit mode.
  2. Click on the element's Element edit button edit icon in the upper left corner.
  3. Click on More.
    An element's More Options link

  4. If an option called "Custom Render Handlers" is available, this element has render handlers to choose from.

Step 2: Choose the Render Handler

  1. Click on Custom Render Handlers, which will bring up a list of available options.
    1. Default Rendering is the element's default render handler.
    2. Standard CommonSpot Rendering displays the element in CommonSpot's standard way.
    3. The rest of the options are custom render handlers.
  2. Select the radio button next to the one you wish to use.
  3. Click Next.

Was this page helpful?      

Comments are helpful!
500 character limit

Feedback is anonymous.