Hi All,
Hope this is the right place to post this type of issue, if not please let me know.
Secondly I do not know what I'm doing, I just keep at it until I get what I want... Just having a go!
I have been using iUi for a while not to control the lights in my house, On, Off & level commands are all ok however the ramp to % commands are a little old, for the want of a better word, See attached.
I have installed the latest version, Release 0.40 Beta Release 1
What I'm trying to do now is to have a form to select the ramp level & then submit this level, in the form of a link.
What ever I do the form will not work, the same href works as a button.
The page below is a copy from an existing working page, with the new iUi updates etc...
Any help will be welcome...
Thanks,
Steve...
--- My working page ---
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<link rel="icon" type="image/png" href="iui/iui-favicon.png">
<link rel="apple-touch-icon" href="iui/iui-logo-touch-icon.png" />
<link rel="stylesheet" href="iui/iui.css" type="text/css" />
<link rel="stylesheet" title="Default" href="iui/t/default/default-theme.css" type="text/css"/>
<link rel="stylesheet" href="css/iui-panel-list.css" type="text/css" />
<style type="text/css">
.panel p.normalText { text-align: left; padding: 0 10px 0 10px; }
</style>
</head>
<body>
<div class="toolbar">
<h1 id="pageTitle">Bed 2..</h1>
<a id="backButton" class="button" href="#"></a>
</div>
<div id="home" class="panel" title="Lights" selected="true">
<h2>Bed 2 Lights</h2>
<fieldset>
<h1> </h1>
<h1> </h1>
<h1> </h1>
</fieldset>
<form id="bed2light" title="Bed 2 Light" class="panel" selected="true">
<fieldset>
<div class="row">
<label for="select">Ramp Level</label>
<select id="select" name="selectname" size="1" selected="true">
<option value="item1">Select</option>
</select>
<h1> </h1>
<a class="whiteButton" type="submit" href="#">Ramp to Button</a>
</div>
</form>
</fieldset>
<h1> </h1>
<fieldset>
<ul id="bed2" title="Bed 2">
<li><a href="#bed2fan" target="_replaceinner">Bed 2 Fan</a></li>
<li class="group">Bedroom 2 Light</li>
</ul>
<ul id="bed2fan" title="Bed 2 Fan">
<li class="group">Bedroom 2 Fan</li>
</ul>
</fieldset>
</body>
</html>