e-addons

Share

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on whatsapp
Share on telegram
Share on skype
Share on email
ic Pro Form Extended bwe-ProForm Extend

Options Field Extension

With the Options Field Extension, checkboxes, and radio fields in your form will never be the same.

You can insert custom images and choose between different visual styles to improve the UI of your form.

Coming Soon

Improve UI and UX of your forms by customizing radio and checkboxes with images
Field options1

Options Field Extension

This extension add many extra features to Radio and Checkbox Field type.
You can find this extra control on Form > Content > Form Fields > Your Field > e-addons Tab.

Hide Input
The radio and checkbox input will not be shown, so only the labels will be displayed for a more elegant solution.

Label Image
Use a custom image instead a simple text.
You have to define an image URL (absolute or relative) separated from value by the standard pipe (“|“) and automatically the image will be created as label.
For each Field you can define the Label Image size.
Optionally you can add also an extra Text above the image adding an “#” char after the image url.

Examples:
/images/thumb.png|green
https://mysite.net/one.jpg|one
/images/thumb.svg#Green|green
https://mysite.net/two.jpg#Two|two

Options Style

On the Form > Style Tab there will be a new Section specific for Options.
Here you can find all commons style control to customize the options voices on their different state:

  • Normal
  • Hover
  • Selected
Field options2style

DEMO

Options Extension

Labels without input and styled
Image labels without input

Order your Menu

An example where we used Image+Text instead the classic Radio/Checkbox appearance.

You can use as Option row the combination of elements. Example:
https://www.your.site/my-image.png#My txt|value

  • # separate the image URL (relative or absolute) from the Label text
  • | separate the Label (Image and/or Text) from the Value
* It's a Radio input field, so you can select only one option
** It's a Checkboxes input field, so you can choose many sausages

Let me know when it's available

By entering your email, you agree to our Privacy Policy.