Commit 91ae89f1 authored by Carsten  Rose's avatar Carsten Rose
Browse files

Checkbox Multi Plain Vertical & Horizontal, Checkbox Multi BS

parent 4ca6086c
Pipeline #2967 passed with stages
in 3 minutes and 40 seconds
...@@ -5,13 +5,13 @@ ...@@ -5,13 +5,13 @@
<meta content="width=device-width, initial-scale=1" name="viewport"> <meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="IE=edge" http-equiv="X-UA-Compatible"> <meta content="IE=edge" http-equiv="X-UA-Compatible">
<link rel="stylesheet" href="../css/bootstrap.min.css"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../css/bootstrap-theme.min.css"> <link href="../css/bootstrap-theme.min.css" rel="stylesheet">
<link rel="stylesheet" href="../css/jqx.base.css"> <link href="../css/jqx.base.css" rel="stylesheet">
<link rel="stylesheet" href="../css/jqx.bootstrap.css"> <link href="../css/jqx.bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="../css/qfq-bs.css"> <link href="../css/qfq-bs.css" rel="stylesheet">
<link rel="stylesheet" href="../css/font-awesome.min.css"> <link href="../css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="../css/tablesorter-bootstrap.css"> <link href="../css/tablesorter-bootstrap.css" rel="stylesheet">
<title>Input Mode Switcher</title> <title>Input Mode Switcher</title>
...@@ -39,9 +39,7 @@ ...@@ -39,9 +39,7 @@
</div> </div>
</div> </div>
</div> </div>
<!-- remove this
<img src="mockData/Scan2a.jpeg" class="qfq-fabric-image" id="qfq-fabric-image-1"> </img>
-->
<div class="row"> <div class="row">
<div class="col-md-3"></div> <div class="col-md-3"></div>
<div class="col-md-6"> <div class="col-md-6">
...@@ -71,20 +69,20 @@ ...@@ -71,20 +69,20 @@
<!--row: Checkbox Plain Multi Horizontal --> <!--row: Checkbox Plain Multi Horizontal -->
<div class="form-group clearfix"> <div class="form-group clearfix">
<div class="col-md-3 qfq-label"> <div class="col-md-3 qfq-label">
<label class="control-label">Checkbox Horizontal</label> <label class="control-label required-right">Checkbox Horizontal</label>
</div> </div>
<div class="col-md-6"> <div class="col-md-6" required="required">
<label class="checkbox-inline" id="1039-21332-1-0-0-l"> <label class="checkbox-inline" id="1039-21332-1-0-0-l">
<input checked="checked" id="1039-21332-1-0-0" name="groups-1[]" <input checked="checked" id="1039-21332-1-0-0" name="groups-1[]"
required="required" type="checkbox" value="1"> required="required" type="checkbox" value="1">
label1 label1
<span class="checkmark" aria="hidden"></span> <span aria="hidden" class="checkmark"></span>
</label> </label>
<label class="checkbox-inline" id="1039-21332-1-0-2-l"> <label class="checkbox-inline" id="1039-21332-1-0-2-l">
<input id="1039-21332-1-2-0" name="groups-1[]" <input id="1039-21332-1-2-0" name="groups-1[]"
required="required" type="checkbox" value="2"> required="required" type="checkbox" value="2">
label2 label2
<span class="checkmark" aria="hidden"></span> <span aria="hidden" class="checkmark"></span>
</label> </label>
</div> </div>
<div class="col-md-3"></div> <div class="col-md-3"></div>
...@@ -93,20 +91,20 @@ ...@@ -93,20 +91,20 @@
<!--row: Checkbox Plain Multi Vertical --> <!--row: Checkbox Plain Multi Vertical -->
<div class="form-group clearfix"> <div class="form-group clearfix">
<div class="col-md-3 qfq-label"> <div class="col-md-3 qfq-label">
<label class="control-label">Checkbox Vertical</label> <label class="control-label required-right">Checkbox Vertical</label>
</div> </div>
<div class="col-md-6"> <div class="col-md-6" required="required">
<label class="checkbox" id="1039-21332-2-0-0-l"> <label class="checkbox" id="1039-21332-2-0-0-l">
<input checked="checked" id="1039-21332-2-0-0" name="groups-2[]" <input checked="checked" id="1039-21332-2-0-0" name="groups-2[]"
required="required" type="checkbox" value="1"> required="required" type="checkbox" value="1">
label1 label1
<span class="checkmark" aria="hidden"></span> <span aria="hidden" class="checkmark"></span>
</label> </label>
<label class="checkbox" id="1039-21332-2-0-2-l"> <label class="checkbox" id="1039-21332-2-0-2-l">
<input id="1039-21332-2-2-0" name="groups-2[]" <input id="1039-21332-2-2-0" name="groups-2[]"
required="required" type="checkbox" value="2"> required="required" type="checkbox" value="2">
label2 label2
<span class="checkmark" aria="hidden"></span> <span aria="hidden" class="checkmark"></span>
</label> </label>
</div> </div>
<div class="col-md-3"></div> <div class="col-md-3"></div>
...@@ -121,6 +119,29 @@ ...@@ -121,6 +119,29 @@
<div class="col-md-3"></div> <div class="col-md-3"></div>
</div> </div>
<!--row: Checkbox BS Multi Horizontal -->
<div class="form-group clearfix">
<div class="col-md-3 qfq-label">
<label class="control-label required-right">Checkbox BS Horizontal</label>
</div>
<div class="col-md-6" required="required">
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-default active" id="1039-21332-3-0-0-l">
<input checked="checked" id="1039-21332-3-0-0" name="groups-1[]"
required="required" type="checkbox" value="1">
label1
</label>
<label class="btn btn-default" id="1039-21332-3-0-2-l">
<input id="1039-21332-3-2-0" name="groups-1[]"
required="required" type="checkbox" value="2">
label2
</label>
</div>
</div>
<div class="col-md-3"></div>
</div>
</div> </div>
</form> </form>
</div> </div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment