Editing Refactoring a CMS to Use Shared LITTLED Libraries (section)

===Filters form===

*Update any lib routines to use the analogous routine from a utility class. E.g. <code>db_utils_class::display_cached_options()</code>
*Form container has id <code>“listings-filters”</code> and class <code>“listings-filters ui-corner-all”</code>. Make sure to include JQuery UI stylesheet and that the local stylesheet contains the relevant definitions.

<syntaxhighlight lang="html4strict">
<div id="listings-filters" class="listings-filters ui-corner-all">
</syntaxhighlight>

*Form element has method “get”, id “filters_form”, and class “filters”.

<syntaxhighlight lang="php">
<form action="<?=SECTION_CMS_URI ?>" method="get" id="filters_form">
</syntaxhighlight>

*Store “next” filter value in form.

<syntaxhighlight lang="php">
<input type="hidden" name="<?=$filters->next->param ?>" value="<?=$filters->next->value ?>" />
</syntaxhighlight>

*Table element within form does not have any attributes.

<syntaxhighlight lang="html4strict">
<table>
</syntaxhighlight>

* Use <code><nowiki><label></nowiki></code> tags around all form inputs.
*Any textbox inputs that collect date values should be assigned the <code>“datepicker”</code> class.
<syntaxhighlight lang="php">
<td><label>name <input type="text" name="<?=$filters->name->param ?>" value="<?=$filters->name->value ?>" maxlength="50" /></label></td>
</syntaxhighlight>
*Submit button markup:

<syntaxhighlight lang="php">
<input type="submit" class="filter-btn ui-corner-all" name="<?=P_FILTER ?>" value="filter" />
</syntaxhighlight>