Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Meteor accounts-ui package updated to use twitter/bootstrap 3

This branch is 76 commits behind mangasocial:master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
.gitignore
README.md
accounts_ui.js
accounts_ui.styl
accounts_ui_tests.js
login_buttons.html
login_buttons.js
login_buttons_dialogs.html
login_buttons_dialogs.js
login_buttons_dropdown.html
login_buttons_dropdown.js
login_buttons_dropdown.styl
login_buttons_images.css
login_buttons_session.js
login_buttons_single.html
login_buttons_single.js
package.js
smart.json

README.md

meteor-accounts-ui-bootstrap-3

Meteor accounts-ui styled with twitter/bootstrap 3

Prerequisites

Use the meteorite package manager http://oortcloud.github.com/meteorite/

[sudo] npm install -g meteorite

How to add to your meteor app

mrt add accounts-ui-bootstrap-3

How to use

Add {{ loginButtons }} to your template

Aligning

You can align loginButtons dropdown with align parameter. Without parameter it defaults to align="right".

{{ loginButtons align="right"}}

or

{{ loginButtons align="left"}}

Example:

<div class="navbar navbar-default" role="navigation">
  <div class="navbar-header">
    <a class="navbar-brand" href="#">Project name</a>
  </div>
  <div class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Link</a></li>
    </ul>
    <ul class="nav navbar-nav navbar-right">
      {{ loginButtons }} <!-- here -->
    </ul>
  </div>
</div>

Add additional logged in actions

You can add additional markup to the logged in dropdown, e.g. to edit the user's account or profile, by defining a _loginButtonsAdditionalLoggedInDropdownActions template and specifying the corresponding events.

<template name="_loginButtonsAdditionalLoggedInDropdownActions">
  <button class="btn btn-default btn-block" id="login-buttons-edit-profile">Edit profile</button>
</template>
Template._loginButtonsLoggedInDropdown.events({
  'click #login-buttons-edit-profile': function(event) {
    event.stopPropagation();
    Template._loginButtons.toggleDropdown();
    Router.go('profileEdit');
  }
});

Screenshots

Sign In Sign Up Configure Login Service

Something went wrong with that request. Please try again.