<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <!-- libs -->
    <!--<script src="jquery-3.2.1.js"></script>-->
    <script src="jquery-2.2.4.js"></script>
    <script src="popper.js"></script>
    <!--<script src="bootstrap-4.0.0-beta.2-dist/js/bootstrap.js"></script>-->
    <script src="bootstrap/js/bootstrap.js"></script>
    <!-- elphel -->
    <script src="help.js"></script>
    <script src="viewmodel.js"></script>
    <!-- libs -->
    <!--<link rel="stylesheet" href="bootstrap-4.0.0-beta.2-dist/css/bootstrap.css">-->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="x3dom-1.7.2/x3dom.css">
    <!-- elphel -->
    <link rel="stylesheet" href="viewmodel.css">
</head>
<body>
    <div id='main'>
        <div id='thrd'>
            <div class="dropdown">
                <button class="btn-my dropdown-toggle btn nooutline" data-toggle="dropdown" href="#">View <span class="caret"></span></button>
                <ul class="dropdown-menu" style="padding:0px">
                    <li id="v1">view 1 (+<b>x</b>)</li>
                    <li id="v2">view 2 (&minus;<b>x</b>)</li>
                    <li id="v3">view 3 (+<b>y</b>)</li>
                    <li id="v4">view 4 (&minus;<b>y</b>)</li>
                    <li id="v5">view 5 (+<b>z</b>)</li>
                    <li id="v6">view 6 (&minus;<b>z</b>)</li>
                    <li id="v7">view 7 (default)</li>
                </ul>
            </div>
        </div>
    </div>
    <div id="test:5" secretvalue='-4'></div>
</body>
</html>