fbpx
  Friday, 01 June 2018
  4 Replies
  2.2K Visits
  Subscribe
i noticed that setting the "multiple " attribute of checkboxes in a jforms under sellacious has no effect.
is there a way to solve this
I also noticed that when you create a radio field ,there characters of the options overwrite each other. is there a way to align or space the options ?
sample below


<?xml version="1.0" encoding="utf-8"?>
<form>
<fieldset name="payment">
<fields name="params">
<field
name="test3"
label="Telc01"
type="radio"
>
<option value="mtn">MTN</option>
<option value="vodafone">Vodafone</option>
<option value="tigo">Tigo</option>
<option value="sp">Speedpay</option>
</field>
<field
name="test1"
label="Telco"
type="checkboxes"
multiple="false" >
<option value="mtn">MTN</option>
<option value="vodafone">Vodafone</option>
<option value="tigo">Tigo</option>
<option value="sp">Speedpay</option>
</field>
</fields>
</fieldset>
</form>


Edit note: Displaying XML as code for readability.
5 years ago
·
#2033
Hi,

The checkboxes is inherently mutiple="true", whereas radio is inherently mutiple="false"

Thanks.
5 years ago
·
#2039
when you create a radio field ,there characters of the options overwrite each other. is there a way to align or space the options ?
5 years ago
·
#2054
Hi,

On the default template one radio label should grow to use as much space as needed before starting of the next radio choice. If this is not so, it can be adjusted using CSS.

If you would rather like to options to display vertically, like similar to the checkboxes, then you can add class="radio radio-vertical" in the xml.

Further you would need to define following CSS in your css file:


.radio.radio-vertical label {
float: left;
}
.radio.radio-vertical input[type="radio"] {
float: left;
clear: left;
margin: 2px 2px 2px -20px;
}


This is just an example you might need to adjust or set some more css styling depending on your template.

Hope this helps. Thanks.
5 years ago
·
#2055
i am using squick, which of the css do i have to apply this to

Hi,

On the default template one radio label should grow to use as much space as needed before starting of the next radio choice. If this is not so, it can be adjusted using CSS.

If you would rather like to options to display vertically, like similar to the checkboxes, then you can add class="radio radio-vertical" in the xml.

Further you would need to define following CSS in your css file:


.radio.radio-vertical label {
float: left;
}
.radio.radio-vertical input[type="radio"] {
float: left;
clear: left;
margin: 2px 2px 2px -20px;
}


This is just an example you might need to adjust or set some more css styling depending on your template.

Hope this helps. Thanks.
  • Page :
  • 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
  • +1 (408) 821-8283
  • Email hello@sellacious.com