I did not get time to formally document this but this is the minimal html code you need to init the plugin:

<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/miller.css"/>
    <link rel="stylesheet" href="css/miller-material.css"/>
    <link rel="stylesheet" href="css/material-design-font-style.css"/>
    <link rel="stylesheet" href="demo/css/demo.css"/>
    <link rel="stylesheet" href="demo/css/simple-dropdown.css"/>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/miller.js"></script>

    <!--These libraries are only needed for the demo-->
    <script type="text/javascript" src="demo/js/lokijs.min.js"></script>
    <script type="text/javascript" src="demo/js/simple-popup.min.js"></script>
    <script type="text/javascript" src="demo/js/demo.js"></script>
    <script type="text/javascript" src="demo/js/simple-dropdown.js"></script>
</head>

<body style = "text-align: center">

<div class="switch demo3">
    <h3>Editable?</h3>
    <input type="checkbox" id="read_only_input" value="off">
    <label><i></i></label>
</div>
    
<i> You can try the responsiveness by resizing your browser or viewing this page on your mobile. </i>

<div id="category-miller-cols-container">
</div>

</body>

</html>

This will show you one miller column, also note the navigate_next text if you add links to material font it will be replaced by '>' icon.

When you click each item it will fire "item-clicked" event ( you can check the console log).
So if you want add children of the item clicked you can call $millerCol.millerColumn("addCol", category);

you can use dummy data or get the data from an API.

Let me know if this helps.
I will put this somewhere for the future.

How to use it? How to implement it? #38

Description

Activity

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions