/Framework7-Indexed-List-plugin

This plugin is for Indexed-List scroll like iOS have (and Android)

Primary LanguageJavaScriptMIT LicenseMIT

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