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

===Page framework===

* Refactor header and footer includes to use the path <code>ADMIN_TEMPLATE_DIR."framework/"</code>.
* Use appropriate PHP include rollup for CSS/JavaScript resources for the page, e.g.
<syntaxhighlight lang="php">
include (ADMIN_TEMPLATE_DIR."framework/css/listings_css_and_scripts.php");
</syntaxhighlight>

* Use JQuery initialization

<syntaxhighlight lang="javascript">
$(document).ready(function() {
    $('#listings-container').cms('bindListingsHandlers');
});
</syntaxhighlight>

:* See [[Binding JQuery Handlers]]
:* See [[JQuery Initialization on Listings Pages]]
:* See [[Sorting Listings|Configuration notes for sorting]].

* Make sure to include a container for error messages on the page:

<syntaxhighlight lang="html4strict">
<div id="error-container" class="error" style="display:none;"></div>
</syntaxhighlight>

*Wrap listings in a container that will allow JQuery script to locate them:
<syntaxhighlight lang="html4strict">
<div id="listings-container" class="listings">
    <? include (SECTION_BASE_DIR."_templates/content/[CONTENT-TYPE]_listings.php"); ?>
</div>
</syntaxhighlight>
*Remove any includes for popup containers.