<?xml version="1.0" encoding="UTF-16"?>
<snippets>
    <category filters="*" id="category_1213980988280" initial_state="0" label="Basic UI Elements &amp; Button Treatments" largeicon="" smallicon="">
        <description><![CDATA[Quick add ins for frequently used HTML and JSP  items: Tables, links, buttons, form elements]]></description>
        <item category="category_1213980988280" class="" editorclass="" id="item_1213981072560" label="i18n Heading" largeicon="" smallicon="">
            <description><![CDATA[<i18n:heading1 key="" />]]></description>
            <content><![CDATA[<i18n:heading1 key="" />]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1233609157821" label="i18n List of Links" largeicon="" smallicon="">
            <description><![CDATA[Turn an i18n combobox into a list]]></description>
            <content><![CDATA[<i18n:listoflinks key="global.header" preHTML="<li>" postHTML="</li>" />]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1223398459038" label="i18n Text Field" largeicon="" smallicon="">
            <description><![CDATA[<i18n:textinput key="login.input.loginName" ...]]></description>
            <content><![CDATA[<i18n:textinput key="" property="" inputType=""/>]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1223400312890" label="i18n Textarea" largeicon="" smallicon="">
            <description><![CDATA[<i18n:textarea key="message" ...]]></description>
            <content><![CDATA[<i18n:textarea key="" property="" cols="50" rows="10"/>]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1224861190312" label="i18n Radiobox" largeicon="" smallicon="">
            <description><![CDATA[<i18n:radiobox key="global.translationkey" property="[command]" renderAsList="true"/> ...]]></description>
            <content><![CDATA[<i18n:radiobox key="global.translationkey" property="[command]" renderAsList="true"/>]]></content>
            <variable default="" id="name_1" name="renderAsList=&quot;true&quot;">
                <description><![CDATA[uses list markup]]></description>
            </variable>
            <variable default="" id="name_2" name="horizontal=&quot;true&quot; ">
                <description><![CDATA[uses table markup with side-by-side tds]]></description>
            </variable>
            <variable default="" id="name_3" name="(default)">
                <description><![CDATA[uses vertical table markup with rows]]></description>
            </variable>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1223394693180" label="i18n Combobox" largeicon="" smallicon="">
            <description><![CDATA[Form element (dropdown list)]]></description>
            <content><![CDATA[<i18n:combobox key="" property=""/>]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1220552530229" label="i18n Image" largeicon="" smallicon="">
            <description><![CDATA[Insert an image]]></description>
            <content><![CDATA[<i18n:img src="common/misc/clear.gif" altHeading1Key="" />]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1262471623150" label="i18n Address: Read only" largeicon="" smallicon="">
            <description><![CDATA[Wrap the address in this div to style it]]></description>
            <content><![CDATA[<div class="address">
<i18n:addressBuilder name="[form name]" 
showWidgetLabel="false" 
hidden="false" 
readonly="true" index="0"/>
</div>]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1262471672413" label="i18n Address: Editable" largeicon="" smallicon="">
            <description><![CDATA[This will insert an address framework block and provide the padding, spacing and other adjustments an editable address form requires.]]></description>
            <content><![CDATA[<div class="address editable">
<i18n:addressBuilder name="[form name]"
   displayHeaderLabel="false"
   hidden="false" readonly="false" index="0"/>
</div>]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1221684985036" label="odhtmlLink" largeicon="" smallicon="">
            <description><![CDATA[Includes translation key for text portion of link]]></description>
            <content><![CDATA[<odhtml:link page="/destination.do"><i18n:heading1 key="global.translationkey"/></odhtml:link>]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1221840863461" label="Link to Static Page" largeicon="" smallicon="">
            <description><![CDATA[Special links pages]]></description>
            <content><![CDATA[<odhtml:link page="/contentSpecialLinks.do?ID=pagename&TITLE=Page+Name">Page Name</odhtml:link>]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1213981142969" label="Table: For Data" largeicon="" smallicon="">
            <description><![CDATA[Basic table for putting data into. Includes optional script for alternating stripes. 

Example: Order History]]></description>
            <content><![CDATA[<table class="data" cellspacing="0">
	<thead>
      <tr class='tr0<%= (orderIndex++)%2 == 0 ? "" : " alt" %>'>
		<th></th>
		<th></th>
	  </tr>
	</thead>
	<tbody>
	  <tr>
		<td></td>
		<td></td>
	  </tr>
	</tbody>
</table>]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1225827446436" label="Data table Alt" largeicon="" smallicon="">
            <description><![CDATA[This applies the alternating row coloration to a table]]></description>
            <content><![CDATA[<%= ((i)%2 == 0) ? "<tr class='alt'>" : "<tr>" %>]]></content>
            <variable default="i" id="name_1" name="indexId">
                <description/>
            </variable>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1222885141676" label="Table: Products" largeicon="" smallicon="">
            <description><![CDATA[Typical table for displaying products, with thumbnail photo, descriptions, etc.]]></description>
            <content><![CDATA[<table class="products" cellspacing="0">
	<thead>
		<tr>
			<th>&nbsp;</th>
        	<th class="item"></th>
        	<th class="price"></th>
			<th class="quantity"></th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td class="photo"></td>
			<td class="description"></td>
			<td class="price"></td>
			<td class="quantity"></td>
		</tr>
	</tbody>
</table>]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1222884761847" label="Table: For forms (Labels &amp; Inputs)" largeicon="" smallicon="">
            <description><![CDATA[If you want to put a user form inside a table. (Not using address framework)]]></description>
            <content><![CDATA[<table class="form" cellspacing="0">
	<tr>
		<td class="label"><i18n:heading1 key=" " /></td>
		<td class="input"><i18n:textinput key=" " property=" " value="" maxlength="10" /></td>
		<td class="text"><i18n:heading1 key=" " /></td>
		<td class="check"><i18n:checkbox property=" " key=""/>
		</td>
	</tr>
</table>]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1262205324391" label="Button Link (ODHTML)" largeicon="" smallicon="">
            <description><![CDATA[Make a submit element look like a text link]]></description>
            <content><![CDATA[styleClass="link_button"]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1262205510325" label="Button Link (HTML)" largeicon="" smallicon="">
            <description><![CDATA[Make an HTML submit element look like a text link]]></description>
            <content><![CDATA[class="link_button"]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1216735560660" label="Form button: Checkout Flow (Red, big)" largeicon="" smallicon="">
            <description><![CDATA[Make a big red button from an i18n:submit]]></description>
            <content><![CDATA[<div class="b1a"><i18n:submit key="global.translationkey" styleClass="button" name="cmd_something.button.INDEX[0]" /></div>]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1222882490330" label="Form Button: Main Action (Blue)" largeicon="" smallicon="">
            <description><![CDATA[Make a blue button from an i18n:submit]]></description>
            <content><![CDATA[<div class="b1"><i18n:submit key="global.translationkey" styleClass="button" name="cmd_something.button.INDEX[0]" /></div>]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1222882561096" label="Form Button: Default Action (Gray)" largeicon="" smallicon="">
            <description><![CDATA[Make a gray button from an i18n:submit]]></description>
            <content><![CDATA[<div class="b2"><i18n:submit key="global.translationkey" styleClass="button" name="cmd_something.button.INDEX[0]" /></div>]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1222882632738" label="Link Button: Checkout Flow (Red, big)" largeicon="" smallicon="">
            <description><![CDATA[Make a b1a button from an ODHTML link]]></description>
            <content><![CDATA[<div class="b1a"><odhtml:link page="/destination.do"><i18n:heading1 key="global.translationkey"/></odhtml:link></div>]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1222882686582" label="Link Button: Main Action (Blue)" largeicon="" smallicon="">
            <description><![CDATA[Make a blue button from an ODHTML link]]></description>
            <content><![CDATA[<div class="b1"><odhtml:link page="/destination.do"><i18n:heading1 key="global.translationkey"/></odhtml:link></div>]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1222882713504" label="Link Button: Default (Gray)" largeicon="" smallicon="">
            <description><![CDATA[Make a gray button from an ODHTML link]]></description>
            <content><![CDATA[<div class="b2"><odhtml:link page="/destination.do"><i18n:heading1 key="global.translationkey"/></odhtml:link></div>]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1222459650397" label="Add a Button Class (ODHTML)" largeicon="" smallicon="">
            <description><![CDATA[styleClass="button"

Add the button style to an i18n tag that is ALREDY WRAPPED button-styling div, such as b1, b2, or b1a]]></description>
            <content><![CDATA[styleClass="button"]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1262205283994" label="Add a Button Class (HTML)" largeicon="" smallicon="">
            <description><![CDATA[class="button" 

Add the button style to an HTML anchor or submit that is ALREDY WRAPPED button-styling div, such as b1, b2, or b1a]]></description>
            <content><![CDATA[class="button"]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1222883022308" label="Series of Buttons: right aligned on page" largeicon="" smallicon="">
            <description><![CDATA[Classes are :cart, cancel, submit, text]]></description>
            <content><![CDATA[<ul class="buttonwrapper">
<li ${text}>[A text string can go here]</li>
<li ${link}>[Link(<a...>) goes here]</li>
<li ${cancel}>[b2 or Link goes here]</li>
<li ${cart}>[b1 goes here]</li>
<li ${submit}>[b1a goes here]</li>
</ul>]]></content>
            <variable default="class=&quot;text&quot;" id="name_1" name="text">
                <description><![CDATA[for a short label or message]]></description>
            </variable>
            <variable default="class=&quot;submit&quot;" id="name_4" name="submit">
                <description><![CDATA[Usually a checkout button, which may float differently from the other buttons or may require more margin]]></description>
            </variable>
            <variable default="class=&quot;cancel&quot;" id="name_2" name="cancel">
                <description><![CDATA[cancel button may get different padding/alignment since it is shorter than the other buttons]]></description>
            </variable>
            <variable default="class=&quot;link&quot;" id="name_5" name="link">
                <description><![CDATA[Gives the right height to an anchor (<a>)]]></description>
            </variable>
            <variable default="class=&quot;cart&quot;" id="name_3" name="cart">
                <description><![CDATA[Cart applies red to the b1, which is usually blue]]></description>
            </variable>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1213981545922" label="Single, right-aligned button" largeicon="" smallicon="">
            <description><![CDATA[Use if you only have one button and it should be at the far right side of your page.]]></description>
            <content><![CDATA[<div class="buttonwrapper">[Button goes here]</div>]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1262542526873" label="Form Wrapper" largeicon="" smallicon="">
            <description><![CDATA[For a simple line of label, input field, submit]]></description>
            <content><![CDATA[<ul class="formwrapper">
	<li class="label first">
		<i18n:heading1 key="" />
	</li>
	<li class="fw_input">
		<i18n:textinput key="" property="" inputType=""/>
	</li>
	<li class="fw_submit">
		[Choose a button]
	</li>
	</ul>]]></content>
        </item>
        <item category="category_1213980988280" class="" editorclass="" id="item_1262980776458" label="List of Links: Vertical list from i18nDatabase" largeicon="" smallicon="">
            <description><![CDATA[Use this when you have a list of links options for the user to choose from. These are a vertical series and are usually phrases rather than navigational.

These links are bold, because it's hard to read them otherwise. They are blue for OD.]]></description>
            <content><![CDATA[<ul class="listOfLinks">
	<i18n:listoflinks key="[key.i18n.here]" preHTML="<li>" postHTML="</li>"/>
</ul>]]></content>
            <variable default=" splitLinks" id="name_1" name="2Columns">
                <description><![CDATA[Alternate the links into two columns]]></description>
            </variable>
        </item>
    </category>
</snippets>
