<!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 (−<b>x</b>)</li> <li id="v3">view 3 (+<b>y</b>)</li> <li id="v4">view 4 (−<b>y</b>)</li> <li id="v5">view 5 (+<b>z</b>)</li> <li id="v6">view 6 (−<b>z</b>)</li> <li id="v7">view 7 (default)</li> </ul> </div> </div> </div> <div id="test:5" secretvalue='-4'></div> </body> </html>