App Home Code Sample

Here is some example code and CSS to build a home page for the gallery. This is just an example and you have the flexibility to lay out the page to suit your own design.

Below is a screenshot of the layout that this code will build. 

HTML:

Below is the HTML / Branch code that would go in the Template field for the App Home content template. 

{if #categoryCount > 0}
  {loop items="#categories" value="category"}
    <h2>{#category.name}</h2>
    {if #category.itemCount > 0}
      <div class="content">
        <table cellpadding="0" cellspacing="0">
          <tbody>
            {row data="#category.items" columns="6"}
              <tr>
                {column}
                  <td>
                    {if #category.id = 3}
                      <a href="{#column.primaryImages.medium.srcValue}" title="{#column.name}" rel="photos" class="fancy">
                    {else}
                      <a href="{#column.url}" title="{#column.name}" class="iframe">
                    {/if}
                    {#column.primaryImages.small.tag}
                    </a>
                  </td>
                {/column}
                {emptyColumn}
                  <td></td>
                {/emptyColumn}
              </tr>
            {/row}
          </tbody>
        </table>
      </div>
    {/if}
  {/loop}
{/if}