Sign in Register
Go to solution
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • azguki 2 posts 82 karma points
    Apr 29, 2019 @ 18:24
    azguki
    0

    Radio Button Styling

    Umbraco Forms
    Umbraco 7

    I am looking for a way to move the default position for the Umbraco 7 Forms radio button to the left of each text line. The default places the button atop the text and it seems like it may cause confusion.

    Is there a simple style fix for this?

    enter image description here

    Copy Link
  • Marc-André 63 posts 279 karma points
    May 07, 2019 @ 12:26
    Marc-André
    100

    Seems to be a CSS problem. Is your input display block?

    Best way to to this is to add flexbox on this parent container.

    <div class="flex">
<input type="radio" />
<span>Blablabla</span>
</div>

.flex{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
    Copy Link
  • azguki 2 posts 82 karma points
    May 11, 2019 @ 14:35
    azguki
    0

    Thank you!

    Copy Link
Please Sign in or register to post replies

Write your reply to:

Draft