Buy Now
Sign in

Labels on the left Variables in the field

SwingeyP , January 19 2021, 11:31
S
SwingeyP 54
January 19 2021, 11:31 #395704
Can someone tell me how to put the labels on the left please?
Can someone tell me how to put values read from an external database in the field please?
These are my only two outstanding issues at the moment. I have managed to fathom everything else.
S
SwingeyP 54
January 19 2021, 14:11 #395707
Ok so after much messing about I have labels on the left.
B
bytekultur 53
May 03 2021, 12:19 #396349
And how did you do it? I see there is an option to add or override values of HTML tags, but only on the form field tag level, not on the container. This is a shame because semantic ui seems to have that option ready by adding "inline" as class to a container:
<div class="mainfield field inline">
But I don't know how to set it in Chronoforms... it's always possible to use the following CSS code on the form though
.ui.form .field>label {
display: inline-block;
width: auto;
max-width:100px;
margin-top: 0;
margin-bottom: 0;
vertical-align: top;
}
.ui.form .field>input,
.ui.form .field>select,
.ui.form .field>textarea,
.ui.form .fields .field>input,
.ui.form .fields .field>select {
display: inline-block;
width:auto;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
Form > Settings > Interface: Add CSS