Wednesday, January 16, 2013

How to format multi-value fields horizontally (not working in MIE 8)

Currently this solution isn't supported in MIE 8 - will be updated asap (2013-02-01)

To format radio buttons horizontally simply:

  • create a page
  • Add the following code:
<style>
#amantech-se-inject-form-fu680xcs > div > input[type="radio"], .amantech-se-inject-form > div > input[type="checkbox"] {
float: left;
  clear: none !important;
}
</style>

  • Add your Form ("Components" - [alt-c], "Inject Forms" ->)
All your radio buttons will now be horisontally formatted saving valuable space for your users and making your form more user friendly.

No comments:

Post a Comment