Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Getting Started with Meteor.js JavaScript Framework - Second Edition

You're reading from   Getting Started with Meteor.js JavaScript Framework - Second Edition Learn to develop powerful web applications in minutes with Meteor

Arrow left icon
Product type Paperback
Published in Jun 2015
Publisher
ISBN-13 9781785285547
Length 138 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Toc

A new HTML template

We've already created our categories through the use of the categories template. Now, we want to take this to the next level and display the actual items that we may want to let people (except STEVE!) borrow so that when we click on a category, we get a list of items.

Let's use that terminology. We need a place to display a list. So, let's modify our LendLib.html file at~/Documents/Meteor/LendLib/ just a bit at the top:

<body>
  <div id="lendlib" class="container">
    <div id="categories-container" class="container">
      {{> categories}}
    </div>
    <div id="list">
      {{> list}}
    </div>
  </div>
</body>

We did two things by adding this code:

  1. We wrapped the div element with id="categories-container" inside the div element called lendlib, and we moved class="container" to the new div element. This is for stylistic purposes...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image