The Date panel looks a lot like the previous panels, with a couple of
exceptions (refer to Example 1). Add the HTML
for the Date panel right after the Dates panel, just before the closing
</body>.Example 1. The HTML for the Date panel
<div id="date">
<div class="toolbar">
<h1>Date</h1>
<a class="button back" href="#">Back</a>
<a class="button slideup" href="#createEntry">+</a>
</div>
<ul class="edgetoedge">
<li id="entryTemplate" class="entry" style="display:none">
<span class="label">Label</span>
<span class="calories">000</span>
<span class="delete">Delete</span>
</li>
</ul>
</div>
|
Now that you’ve added the Date panel, clicking
any item on the Dates panel will slide the empty Date panel (Figure 1) into view.
