Sign in Register
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

    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

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies