2 Replies Latest reply on May 18, 2016 2:24 PM by sawhet

    Radio button layout problems


      I'm using FM13 and am having trouble tweaking the layout of my radio button fields.   I've tried playing with padding and line spacing, and changing the size of the field boxes.  No joy.


      Here are the specific issues:

      • The radio circles that get filled in do not align with the text.  So in a simple Yes/ No choice, the circles are slightly above and to the left of the words  (like a backward placement of a degree symbol).
      • If I increase the zoom on a form, the Yes and No get truncated to  "Ye" and "N".   This happens even tho' the boxes are seemingly much wider than they need to be. (There is plenty of room for the full "No".)   And the same thing happens if I zoom out.
      • When I view the same form on my laptop (as opposed to desktop), the radio button fields are similarly truncated  -- "Ye"  and "N" -- even at 100%.  And they have the same unaligned placement relative to the text.


      Additional info:  I have three fields with the Yes/No choice, and they all truncate the same way.   I have one checkbox field, which works fine -- it doesn't truncate, and the boxes are reasonably in line with the text.


      Thanks for any ideas!

        • 1. Re: Radio button layout problems

          Hi sawhet,

          are you aware that the dimensions of the radio fields are influenced by the font type and size? Also - the shape of the box defines if yes /no is next to each other (rectengal-shape) or underneath (square shape).

          I tried to reproduce your issue and had no problems in formatting itRadios.png

          • 2. Re: Radio button layout problems

            Hi Heidelberg--

            Thanks so much for your reply.  I do know that the buttons can convert from rectangle to square -- but even if I try that, I still get the offset circles.  Your example shows the circles in line with the choices.  That's not happening for me.   All the field boxes on this layout have the same height and use the same font. I've pasted below what I'm seeing on my layout.  The first shows the problem of a typical form view, with the circles higher than the Yes/No.  The second shows how the Yes/No get truncated when I zoom in or out, and when I view this layout on my laptop.  a


            Would be grateful for any other ideas!