ctbarber

Code Samples From OUTC17

Template code samples

1. interior.tmpl
2. interior.xsl

Snippet code samples

Accordion

• Snippet Code
• XSL Code

ctbarber

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE xsl:stylesheet SYSTEM "http://commons.omniupdate.com/dtd/standard.dtd">
<xsl:stylesheet version="3.0"
				xmlns="http://www.w3.org/1999/xhtml"
				xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
				xmlns:xs="http://www.w3.org/2001/XMLSchema"
				xmlns:ou="http://omniupdate.com/XSL/Variables"
				xmlns:ouc="http://omniupdate.com/XSL/Variables"	
				exclude-result-prefixes="xs ou ouc">

ctbarber

<main-content>
		<rows>
			<row>
				<full>
					<!--full-->
					<div class="columns">
						<ouc:div label="row-1-full" group="Everyone" break="break" button-text="Row 1"><ouc:editor csspath="/-resources/2015/ou/editor/uthsc-ouc-editor.css" cssmenu="/-resources/2015/ou/editor/uthsc-styles-dropdown.txt" /></ouc:div>
					</div>
				</full>
				<half>

ctbarber

<table class="snippet-callout">
	<tbody>
		<tr class="uthsc-ouc-instructions"><th>Callout Directions [do not delete]</th><th>Content [edit this column to display on the page]</th></tr>
		<tr>
			<td class="uthsc-ouc-instructions">
				<p>Creates a basic callout with a gray background. <strong>Should be used when you need to call attention to an object that will remain on the page for a long time.</strong> For an informational callout, use the secondary callout snippet. For a warning callout (for a closing or short term problem), use the warning callout.</p>
			</td>
			<td>
				<h2>Callout Heading, if needed</h2>
				<p>Use the callout to provide attention to a certain section of the page. Information here should be kept short and informative.</p>

ctbarber

<!-- begin template match for callout snippet -->
	<xsl:template match="table[@class='snippet-callout']" mode="copy">
		<div class="callout">
			<xsl:apply-templates select="tbody/tr[2]/td[2]/node()" mode="copy"/>
		</div>	
	</xsl:template>
	<!-- end template match for callout snippet -->

ctbarber

<table class="snippet-callout-secondary">
	<tbody>
		<tr class="uthsc-ouc-instructions"><th>SECONDARY Callout Directions [do not delete]</th><th>Content [edit this column to display on the page]</th></tr>
		<tr>
			<td class="uthsc-ouc-instructions">
				<p>Creates a secondary, or informational, callout with a light blue background. <strong>Should be used when you need to call attention to an object that will remain on the page for a short time.</strong> For a basic callout, use the callout snippet. For a warning callout (for a closing or short term problem), use the warning callout.</p>
			</td>
			<td>
				<h2>Callout Heading, if needed</h2>
				<p>Use the callout to provide attention to a certain section of the page. Information here should be kept short and informative.</p>

ctbarber

<!-- begin template match for secondary callout snippet -->
	<xsl:template match="table[@class='snippet-callout-secondary']" mode="copy">
		<div class="callout secondary">
			<xsl:apply-templates select="tbody/tr[2]/td[2]/node()" mode="copy"/>
		</div>	
	</xsl:template>
	<!-- end template match for secondary callout snippet -->

ctbarber

<table class="snippet-callout-warning">
	<tbody>
		<tr class="uthsc-ouc-instructions"><th>WARNING Callout Directions [do not delete]</th><th>Content [edit this column to display on the page]</th></tr>
		<tr>
			<td class="uthsc-ouc-instructions">
				<p>Creates a warning callout with a light yellow background. <strong>Should be used when you need to call attention to a short term closing, an update, system changes, etc.</strong> For a basic callout, use the callout snippet. For an informational callout, use the secondary callout snippet.</p>
			</td>
			<td>
				<h2>Callout Heading, if needed</h2>
				<p>Use the callout to provide attention to a certain section of the page. Information here should be kept short and informative.</p>

ctbarber

<!-- begin template match for warning callout snippet -->
	<xsl:template match="table[@class='snippet-callout-warning']" mode="copy">
		<div class="callout warning">
			<xsl:apply-templates select="tbody/tr[2]/td[2]/node()" mode="copy"/>
		</div>	
	</xsl:template>
	<!-- end template match for warning callout snippet -->

ctbarber

<table class="snippet-half-column">
	<tbody>
		<tr class="uthsc-ouc-instructions"><th colspan="2">Half Columns Directions [do not delete]</th></tr>
		<tr>
			<td class="uthsc-ouc-instructions">Place your content for the left column below.</td>
			<td class="uthsc-ouc-instructions">Place your content for the right column below.</td>
		</tr>
		<tr>
			<td>
				<h2>Left Column</h2>