align to the right a element

javier94

Member
hello

i'm trying to make an invoice..

in a group i have this 2 elements.. and i would like in a form view.. see in the rigth align.. not in left align as usual.. is possible to make a Css in a form view for element.. like text-align:right or something similar. and if is possible separte a little to the up line.. would be perfect!!

i have see how to do in list view settings for list.. but i can not find for "form view"



fabrik.question.PNG

thanks in advance!!

Javier
 
Last edited:
Not Fabrik, but generic form CSS.

Anyway...

Use Flex: https://www.w3schools.com/css/css3_flexbox.asp
Code:
.row-fluid [class*="span"].your_table___element_1, .row-fluid [class*="span"].your_table___element_2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    float: none;
}
.form-horizontal .your_table___element_1 .control-label, .form-horizontal .your_table___element_2 .control-label {
    float: none;
    width: auto;
}
.form-horizontal .your_table___element_1 .controls, .form-horizontal .your_table___element_2 .controls {
    margin-left: 20px;
}
Valid for Protostar/Bootstrap 2 templates. Don't forget to replace selectors with your element names.
If used in Fabrik custom_css.php, you may need to add !important.

As for the line: however you placed it there, give it a bottom margin, obviously.
 
We are in need of some funding.
More details.

Thank you.

Members online

Back
Top