Templates | Getting Started with Meteor.js JavaScript Framework

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:

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 so that our list will more or less line up with the categories template.
We added a div...

Getting Started with Meteor.js JavaScript Framework - Second Edition

By : Isaac Strack

Getting Started with Meteor.js JavaScript Framework - Second Edition

By: Isaac Strack

Overview of this book

A new HTML template

Limited Time Offer

$10p/m for 3 months

Getting Started with Meteor.js JavaScript Framework - Second Edition

By : Isaac Strack

Getting Started with Meteor.js JavaScript Framework - Second Edition

By: Isaac Strack

Overview of this book

A new HTML template

Limited Time Offer

$10p/m for 3 months

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Note

Delete Bookmark

Delete Note

Edit Note