Commit a03c2ccf authored by barth23's avatar barth23
Browse files

change div grouping to left/right

parent 373e03d8
<div data-template="templates:surround" data-template-with="templates/page_index.html" data-template-at="content-container">
<style>
.arch-list-view-toolbar{
.arch-list-view-content{
width: 81.25vw;
max-width: 1200px;
margin: 0px auto;
margin-top: 25px;
}
.arch-radio-slider {
margin-bottom:25px;
.arch-list-view-radio-slider{
margin-top:25px;
}
.arch-list-view-content{
min-height: 25.5rem;
.arch-list-view-ul{
min-height: 38.5rem;
}
/*
margin: 25px 0px 0px 0px;
margin: 25px 0px 0px 0px;
.p-content {
width: 81.25vw;
......@@ -29,166 +32,155 @@
</style>
<!-- error modal for error messages -->
<div data-template="templates:surround" data-template-with="templates/modal_error.html" data-template-at="content-container"/>
<!-- error modal for register entries -->
<div data-template="templates:surround" data-template-with="templates/modal_register.html" data-template-at="content-container"/>
<!--<div class="arch-content p-content row">-->
<!--
<div class="arch-content p-content row">
<div class="row arch-list-view-toolbar">
-->
<div id="content-container">
<div class="row arch-list-view-content p-content">
<!--
<div class="can-toggle demo-rebrand-1">
<input id="d" type="checkbox"/>
<label for="d">
<div class="can-toggle__switch" data-checked="Good" data-unchecked="Bad"></div>
<div class="can-toggle__label-text">.can-toggle.demo-rebrand-1</div>
</label>
</div>
-->
<div class="col-md-12 arch-radio-slider">
<!-- VARIANTE: RADIO BUTTON -->
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="register_button" id="option1" value="persons" autocomplete="off" checked="checked"/>
<span data-template="lang:translate" data-template-content="register_persons"/>
</label>
<label class="btn btn-primary">
<input type="radio" name="register_button" id="option2" value="places" autocomplete="off"/>
<span data-template="lang:translate" data-template-content="register_places"/>
</label>
<label class="btn btn-primary">
<input type="radio" name="register_button" id="option3" value="works" autocomplete="off"/>
<span data-template="lang:translate" data-template-content="register_works"/>
</label>
</div>
</div>
<div class="col-md-12 arch-radio-slider">
<div class="btn-toolbar btn-group-toggle" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="letter_button" value="AaÄä" autocomplete="off" checked="checked"/>
A
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Bb" autocomplete="off"/>
B
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Cc" autocomplete="off"/>
C
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Dd" autocomplete="off"/>
D
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="EeÉéÈè" autocomplete="off"/>
E
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Ff" autocomplete="off"/>
F
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Gg" autocomplete="off"/>
G
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Hh" autocomplete="off"/>
H
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="IiÎî" autocomplete="off"/>
I
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Jj" autocomplete="off"/>
J
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Kk" autocomplete="off"/>
K
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Ll" autocomplete="off"/>
L
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Mm" autocomplete="off"/>
M
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Nn" autocomplete="off"/>
N
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="OoÖö" autocomplete="off"/>
O
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Pp" autocomplete="off"/>
P
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Qq" autocomplete="off"/>
Q
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Rr" autocomplete="off"/>
R
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Ss" autocomplete="off"/>
S
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Tt" autocomplete="off"/>
T
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="UuÜü" autocomplete="off"/>
U
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Vv" autocomplete="off"/>
V
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="XYZxyz" autocomplete="off"/>
XYZ
</label>
<!--
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="button_other" autocomplete="off"/>
<span data-template="lang:translate" data-template-content="button_other"/>
</label>
-->
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="button_unnamed" autocomplete="off"/>
<span data-template="lang:translate" data-template-content="button_unnamed"/>
</label>
</div>
<div class="col-md-6 ">
<div class="arch-list-view-radio-slider">
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="register_button" id="option1" value="persons" autocomplete="off" checked="checked"/>
<span data-template="lang:translate" data-template-content="register_persons"/>
</label>
<label class="btn btn-primary">
<input type="radio" name="register_button" id="option2" value="places" autocomplete="off"/>
<span data-template="lang:translate" data-template-content="register_places"/>
</label>
<label class="btn btn-primary">
<input type="radio" name="register_button" id="option3" value="works" autocomplete="off"/>
<span data-template="lang:translate" data-template-content="register_works"/>
</label>
</div>
</div>
<div class="arch-list-view-radio-slider">
<div class="btn-toolbar btn-group-toggle" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="letter_button" value="AaÄä" autocomplete="off" checked="checked"/>
A
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Bb" autocomplete="off"/>
B
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Cc" autocomplete="off"/>
C
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Dd" autocomplete="off"/>
D
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="EeÉéÈè" autocomplete="off"/>
E
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Ff" autocomplete="off"/>
F
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Gg" autocomplete="off"/>
G
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Hh" autocomplete="off"/>
H
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="IiÎî" autocomplete="off"/>
I
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Jj" autocomplete="off"/>
J
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Kk" autocomplete="off"/>
K
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Ll" autocomplete="off"/>
L
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Mm" autocomplete="off"/>
M
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Nn" autocomplete="off"/>
N
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="OoÖö" autocomplete="off"/>
O
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Pp" autocomplete="off"/>
P
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Qq" autocomplete="off"/>
Q
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Rr" autocomplete="off"/>
R
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Ss" autocomplete="off"/>
S
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Tt" autocomplete="off"/>
T
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="UuÜü" autocomplete="off"/>
U
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="Vv" autocomplete="off"/>
V
</label>
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="XYZxyz" autocomplete="off"/>
XYZ
</label>
<!--
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="button_other" autocomplete="off"/>
<span data-template="lang:translate" data-template-content="button_other"/>
</label>
-->
<label class="btn btn-primary">
<input type="radio" name="letter_button" value="button_unnamed" autocomplete="off"/>
<span data-template="lang:translate" data-template-content="button_unnamed"/>
</label>
</div>
</div>
</div>
<div id="register_content" class="col-md-12 card border-light arch-list-view-content"/>
<div id="register_content" class="col-md-6 arch-list-view-ul"/>
</div>
</div>
<!--
<script src="https://browser.sentry-cdn.com/5.15.5/bundle.min.js" integrity="sha384-wF7Jc4ZlWVxe/L8Ji3hOIBeTgo/HwFuaeEfjGmS3EXAG7Y+7Kjjr91gJpJtr+PAT" crossorigin="anonymous">
</script>
......
Supports Markdown
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