Example Snippets from the 2017 OU conference

outc17.md

Code Samples From OUTC17

Template code samples

1. interior.tmpl
2. interior.xsl

Snippet code samples

Accordion

• Snippet Code
• XSL Code

Align Center

• Snippet Code
• XSL Code

Badge Box with Icon and Text

• Snippet Code
• XSL Code

Block Grid

• Snippet Code
• XSL Code

Callout

• Snippet Code
• XSL Code

Callout - Secondary - informational, but for short periods of time

• Snippet Code
• XSL Code

Callout - Warning - call attention to a short term closing, an update, system changes, etc.

• Snippet Code
• XSL Code

Event Boxes

• Snippet Code
• XSL Code

FAQs

• Snippet Code
• XSL Code

Figure

• Snippet Code
• XSL Code

Flex Video

This code is marked as deprecated from Foundation in 6.3 we just haven't updated the class names yet in the snippet.

• Snippet Code
• XSL Code

Half and Half Columns - split a container in half

• Snippet Code
• XSL Code

Highlight Box

This was implemented before the release of Foundation 6.3 which introduced Cards, so we may transition to the Foundation code soon.

• Snippet Code
• XSL Code

Image Navigation

• Snippet Code
• XSL Code

Media Object

We need to update this to allow for user to pick if they want to stack on small. Right now, it does it all the time.

• Snippet Code
• XSL Code

News Boxes

• Snippet Code
• XSL Code

News boxes has an extra XSL check to see if the snippet was used, then we insert some extra JavaScript to call out to the WP API.

Page Heading

• Snippet Code
• XSL Code

Tabs

• Snippet Code
• XSL Code