Framework7 Indexed List Plugin

Demo: https://boynet.github.io/boynet/

This plugin is for Indexed-List scroll like iOS and Android have, currently works only with Contacts List

Installation

Just grab plugin files from dist/ folder or using bower:

bower install framework7-indexed-list-plugin

And link them to your app's right AFTER Framework7's scripts and styles:

<link rel="stylesheet" href="path/to/framework7.min.css">
<link rel="stylesheet" href="path/to/framework7.indexed-list.css">
...
<script src="path/to/framework7.min.js"></script>
<script src="path/to/framework7.indexed-list.js"></script>

Usage

put this html code inside .page

<ul class="list-index"></ul>

Demo:

https://boynet.github.io/boynet/

OR:

Plugin comes with demo example to see how it works and looks. To make demo works you need:

• install bower dependencies. Go to demo/ folder and execute in terminal bower install