FoxInCloud
radio buttons horizontal
Gravatar is a globally recognized avatar based on your email address. radio buttons horizontal
  Vincent H.
  All
  Jul 10, 2019 @ 01:46am

Hi Thierry,

How can you force a group of radio buttons to have a horizontal alignment (radio-inline) ?

Thanks

Gravatar is a globally recognized avatar based on your email address. re: radio buttons horizontal
  FoxInCloud Support - Thierry N.
  Vincent H.
  Jul 10, 2019 @ 04:09am

Hi Vincent,

What have you tried so far?
Can post sample VFP layout and matching HTML layout?

Gravatar is a globally recognized avatar based on your email address. re: radio buttons horizontal
  Vincent H.
  Vincent H.
  Jul 10, 2019 @ 05:32am

I do not know what criteria FIC uses to switch to vertical display.
It is certainly possible to go through the CSS but is it not simpler ?

Gravatar is a globally recognized avatar based on your email address. re: radio buttons horizontal
  FoxInCloud Support - Thierry N.
  Vincent H.
  Jul 11, 2019 @ 03:06am

Please make sure that all option buttons:

  • have the same .height
  • are aligned horizontally (same .top)
  • are spaced horizontally, without overlap (opt.right < nextOpt.left)

you may need to layout the option buttons in the same order as designed in .buttons[xx]

Gravatar is a globally recognized avatar based on your email address. re: radio buttons horizontal
  Vincent H.
  FoxInCloud Support - Thierry N.
  Jul 11, 2019 @ 03:59am

I confirm that all these points are verified.

For the order of appearance, I enclose the screenshots.

Gravatar is a globally recognized avatar based on your email address. re: radio buttons horizontal
  FoxInCloud Support - Thierry N.
  Vincent H.
  Jul 11, 2019 @ 05:11am

19 should be Option1 instead of Option4, 36,2 should be Option2 and so forth…

eg. it should work by moving 19 to the far right.

Gravatar is a globally recognized avatar based on your email address. re: radio buttons horizontal
  Vincent H.
  FoxInCloud Support - Thierry N.
  Jul 11, 2019 @ 06:08am

Bravo! I positioned the buttons in index order and it works.

Thank you.

© 1996-2024