Select field with images

  • zaihasrul
  • Topic Author
  • Offline
  • Expert Boarder
  • Expert Boarder
  • Posts: 80
  • Karma: 1
  • Thank you received: 1

zaihasrul created the topic: Select field with images

Hi,
Its is possible to select image besides text in select field?
#236842
  • Posts: 3128
  • Karma: 105
  • Thank you received: 413

mihaela replied the topic: Select field with images

Hello,

Are referring to a "select list" element or the general possibility to choose between options?

For select list element, it isn't possible to select image beside text in a select field, but it is possible for a radio group or checkbox group where user can choose between options.

Just put in Group textarea something like this:
0;<img src="images/image1.jpg" />;OptionA
0;<img src="images/image2.jpg"  />;OptionB
0;<img src="images/image3.jpg" />;OptionC
You just have to replace images/image1.jpg with the correct path and name of your picture.
Also, replace OptionA, OptionB and OptionC with wanted values which will then be saved to record of this form.

If you want to modify your picture, for example resize it you can do with this code:
0;<img src="images/image1.jpg" alt="Option A" height="42" width="42"/>;OptionA

Let me know whether it suits you to use radio group instead of select list and whether you've managed to set this for your form.

If you have more questions, feel free to ask.

Regards,

Mihaela
#236845
The following user(s) said Thank You: sciencemkt
  • zaihasrul
  • Topic Author
  • Offline
  • Expert Boarder
  • Expert Boarder
  • Posts: 80
  • Karma: 1
  • Thank you received: 1

zaihasrul replied the topic: Select field with images

thanks for ur response. i tried, but its not showing anything. Im using it on ContentBuilder, not breezing form
#236854
  • Posts: 3128
  • Karma: 105
  • Thank you received: 413

mihaela replied the topic: Select field with images

Hello again,

I see now that the topic is in the ContentBuilder forum.

Unfortunately, this can't be done in ContentBuilder view based on Data Storage because it is rendered differently so labels don't recognize HTML.

If you created a ContentBuilder view based on a BreezingForms form you could put images instead of text of radio group options.

Best regards,

Mihaela
#236855
  • Posts: 114
  • Thank you received: 0

sciencemkt replied the topic: Select field with images

Hi Mihaela,

This answer has helped me to know how to put an image on the radio.
I want to know how to hide the button and that only the images remain.

Thank you.

Alejandro Cobo
Neuromarketing consultant

==============================================
Like us on Facebook:
www.facebook.com/AlejandroCobo.Neuromarketing
==============================================
Blog:
www.alejandrocobo.com
==============================================
#238263
Moderators: ForumSupport
Time to create page: 0.042 seconds

We Are Doing Our Part

Massive discounts on all of our extension subscription plans to help you and your business in these times.

Get Your Subscription Here

New Icon Packs Category!

Crosstec is now offering icon packs.

If you are a paying subscriber, icon packs are automatically added to your account.

Check out our icon packs page!

News and Updates

Get informed about new downloads, updates and more in our News and Updates newsletter.

All Extensions Subscription

We are doing our part and support your business with extremely low prices -- For example 6-Months-Subscription for only $9 USD. For as long as necessary.

No support per domain or website installation limits! Includes all of our current and future Joomla!® extensions, Joomla!® templates for the duration of your membership. This means, by purchasing an All Extensions Subscription you'll have it all covered!

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to sales@crosstec.org with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!