Create mobile responsive Bootstrap grids containing centered images with links for OmniUpdate Campus CMS.

Usage

Check out the end user documentation on Github pages.

In Editor

Published Page

Installation

• snippets are site-specific, so you will need to repeat this process for each site. more info
• upload image-grid.snippet.html to your snippets folder, this is usually in /_resources/snippets
• upload image-grid.table-transform.xsl to your folder with common.xsl, usually found in /_resources/xsl
  • keep in mind this may only need to be uploaded to one site if you are pulling xsl files for all sites from a common source. You can see if this is the case at the top of the source in one of your .pcf files and note the site attribute. For instance, <?pcf-stylesheet path="/xsl/interior.xsl" site="templates" title="Interior Page" extension="php"?> shows that this .pcf file is pulling interior.xsl from the site called "templates"
• in your common.xsl, after the opening <xsl:stylesheet> tag, add this line: <xsl:import href="image-grid.table-transform.xsl"/>
• goto content > snippets
• choose a snippet category, or create a new one
• click +new
• give it a name, like "image-grid"
• browse to the file location where the snippet is stored
  • remember snippets must be loaded in the staging (OU Campus) server's file system for each and every site, even if you are including the xsl from a common site. I'm have no idea why it allows you to browse and select snippets from other sites, since it won't work when you try to load and actually use them - this seems like a bug in OU Campus to me, but maybe it's just a bug with our particular configuration.
• save, and now the snippet is available in the WYSIWYG toolbar or gadget sidebar

Bugs and New Features

Report problems and request enhancements on the Github issues tracker. WCOB users can reference helpdesk ticket 22431.