• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: Radio & Checkbox - Stop the split from their Label

Radio & Checkbox - Stop the split from their Label 10 years 11 months ago #27579

  • Skyla
  • Skyla's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 2
Here's a quick fix to the following issue:

The Radio & Checkbox Input Fields are split apart from their Labels if both does not fit at the end of the same line. The Radio or Checkbox field remains at the end of the top line and the Label goes down to the start of the next line.

--- --- ---

> First set the Form Field Attributes Flow to “Vertical” (IMPORTANT - it does not work with the horizontal flow).
> Then add the following override code in the CSS field of the "CSS and Javascript" form properties.

<style>

.rsformVerticalClear {
display: inline-block !important;
}

</style>

--- --- ---

This will tell the vertical flow to align on the same line (horizontally) instead of vertically and will keep the Label and Input field together.

This works because in the Vertical flow layout the Input and Label are wrapped in a <p> tag, compared to the Horizontal flow which has no populated wrapping tag to apply the CSS style to.


I hope this helps :)
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!