Lists

We've also provided a number of list styles using CSS for you to use depending on the purpose of the list.

To use them simply create your list as normal in a RichText / HTML paragraph and then add the relevant <div> element.

Basic List style
  • Virtual Databases - Learn about how Federate encapsulates your data access as a database.
  • Models - Learn about how Federate represents metadata.
  • Connectors - Learn about how Federate connects to enterprise information systems.
  • Data Services - Learn about how Federate exposes data service.
  • SOAs - Learn about Federate's role in an SOA world.
	

<div class="proj_basics">
    <ul>
        <li><a href="/projects/federate/Documentation/Virtual-Databases.html">Virtual Databases</a> - Learn about how Federate encapsulates your data access as a database.</li>
        <li><a href="/projects/federate/Documentation/Models.html">Models</a> - Learn about how Federate represents metadata.</li>
        <li><a href="/projects/federate/Documentation/Connectors.html">Connectors</a> - Learn about how Federate connects to enterprise information systems.</li>
        <li><a href="/projects/federate/Documentation/Data-Services.html">Data Services</a> - Learn about how Federate exposes data service.</li>
        <li><a href="/projects/federate/Documentation/SOAs.html">SOAs</a> - Learn about Federate's role in an SOA world.</li>
    </ul>
</div>


Steps List style
  1. Step 1 - An introduction to how to work with your project pages in Magnolia, start to finish.
  2. Step 2 - How Magnolia's Admin Console works to organize and manage your pages.
  3. Step 3 - How to chose a template and get the most out of your layout.
  4. Step 4 - Magnolia's version of content widgets, Paragraphs are how you will control content.
  5. Step 5 - The "Document Management System" is how Magnolia stores files and images.
	

<div class="proj_steps">
    <ol>
        <li><span class="step"><a href="/overlord.html">Step 1</a> - An introduction to how to work with your project pages in Magnolia, start to finish.</span></li>
        <li><span class="step"><a href="/overlord.html">Step 2</a> - How Magnolia's Admin Console works to organize and manage your pages.</span></li>
        <li><span class="step"><a href="/overlord.html">Step 3</a> - How to chose a template and get the most out of your layout.</span></li>
        <li><span class="step"><a href="/overlord.html">Step 4</a> - Magnolia's version of content widgets, Paragraphs are how you will control content.</span></li>
        <li><span class="step"><a href="/overlord.html">Step 5</a> - The &quot;Document Management System&quot; is how Magnolia stores files and images.</span></li>
    </ol>
</div>


Checklist style
  • First Item blah blah blah this is where the first one goes
  • Second Item Blah-ti-bladio yo ho this is the second.
  • Third Item Oh my god when will this torture end?
	

<div id="proj_checklist">
    <ul>
        <li><a>First Item</a> blah blah blah this is where the first one goes</li>
        <li><a>Second Item</a> Blah-ti-bladio yo ho this is the second.</li>
        <li><a>Third Item</a> Oh my god when will this torture end?</li>
    </ul>
</div>