In short, I recommend something like this (though that URL lists an alternative):
.formulate__field {
display: flex;
flex-direction: column;
/* This just makes sure the inputs don't take the full width of the screen. */
align-items: flex-start;
}
.formulate__field input + .formulate__field__label,
.formulate__field select + .formulate__field__label,
.formulate__field textarea + .formulate__field__label{
order: -1;
}
That uses flexbox to reverse the visual order of the elements.
Plain Javascript Template Label Placement
Just a quick question, I have installed formulate and I have forms rendering.
When the forms render the labels are placed after inputs. Is there a way to get them to render before?
Thanks
See here: https://github.com/rhythmagency/formulate/releases/tag/v3.2.1
In short, I recommend something like this (though that URL lists an alternative):
That uses flexbox to reverse the visual order of the elements.
Thank you very much.
is working on a reply...