Custom Unit Content: Unit Navy Dropdown
The wrapper system allows the web developer to include customized content on all pages of a unit.
Unit Variables
UNIT_BLUEBAR |
Path to included document |
If included, the wrapper implements the content within the navy dropdown navigational unit. |
To create a custom Unit Navy Dropdown file, create a file containing a valid XHTML Ordered List (OL). Please note: Because this file is going to be included INTO an existing web page, it does not require all the formal XHTML document tags, such as <html>, <head> and <body>.
NOTE The example below contains block ids that are necessary to receive Web3 stylistic preference AND utilize the wrapper javascript.
<ol id="uncgBlueNavDrop">
<li><a href="PATH TO UNIT LINKS PAGE">UNIT LINKS</a>
<ol id="uncgBlueNavDropItems">
<li><a href="PATH TO LINK ONE">LINK ONE</a></li>
<li><a href="PATH TO LINK TWO">LINK TWO</a></li>
<li><a href="PATH TO LINK THREE">LINK THREE</a></li>
<li><a href="PATH TO LINK FOUR">LINK FOUR</a></li>
</ol>
</li>
</ol>
unit_bluebar.html
Place the file in your unit's inc_unit directory.
Implement the UNIT_BLUEBAR variable in your unit_variables.html page and designate the file via its path as the value of the variable.
<!--#set var="UNIT_BLUEBAR" value="PATH TO unit_bluebar.html" -->
unit_variables.html
The Office for Left-handed Students
Having decided to not utilize the default values for the Navy Dropdown menu, and properly understanding the Web3 Unit Requirement's restrictions, the Office for Left-hand Students creates a custom Navy Dropdown:
<ol id="uncgBlueNavDrop">
<li><a href="/olh/links/">LEFTY LINKS</a>
<ol id="uncgBlueNavDropItems">
<li><a href="/olh/links/southpaw.html">Southpaw Sayings</a></li>
<li><a href="/olh/links/writers.html">Left-handed Wit</a></li>
<li><a href="/olh/links/artists.html">Left-handed Artists</a></li>
<li><a href="/olh/links/humor.html">Left-handed Humor</a></li>
</ol>
</li>
</ol>
/olh/inc_unit/unit_bluebar.html
The Office for Left-handed Students implements the UNIT_GOLDBAR variable in its unit_variables.html page and designates the file via it's path as the value of the variable.
<!--#set var="DEPT_NAME" value="Office for Left-Handed Students" -->
<!--#set var="DEPT_ADDRESS" value="EUC Suite 101" -->
<!--#set var="DEPT_PHONE" value="336.344.LEFT" -->
<!--#set var="DEPT_FAX" value="336.344.1111" -->
<!--#set var="DEPT_EMAIL" value="lefty@uncg.edu" -->
<!--#set var="UNIT_NAME" value="Left-Handed Students" -->
<!--#set var="UNIT_URL" value="htp://www.uncg.edu/olh/" -->
<!--#set var="UNIT_BLUEBAR" value="/olh/inc_unit/unit_bluebar.html" -->
/olh/inc_unit/unit_variables.html