TOPIC:

IS THIS POSSIBLE? 1 week 6 days ago #254061

  • Topic Author
  • trucks79
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 75
  • Thanks: 0
with the TICK BOX is it possible to add a picture for example-

What pet do you prefer best?

(pic of dog) (**TICK BOX)
(pic of cat) (**TICK BOX)
(pic of bird) (**TICK BOX)
(pick of fish) (**TICK BOX)

Please Log in or Create an account to join the conversation.

IS THIS POSSIBLE? 1 week 6 days ago #254063

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 3734
  • Karma: 3
  • Thanks: 302
Hi,

for example:
you can add select list What pet do you prefer best?
defined:
0;Dog;dog
0;Cat;cat
0;Fish;fish

If someone select dog, picture of dog is shown, same for cat and fish

Is this ok for you?

If yes, I will create a small example for you

Regards,
Tihana
The following user(s) said Thank You: trucks79

Please Log in or Create an account to join the conversation.

IS THIS POSSIBLE? 1 week 6 days ago #254065

  • Topic Author
  • trucks79
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 75
  • Thanks: 0
that would be great

Please Log in or Create an account to join the conversation.

IS THIS POSSIBLE? 1 week 6 days ago #254067

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 3734
  • Karma: 3
  • Thanks: 302
Hi,

here is an example:

File Attachment:

File Name: test.zip
File Size:7 KB

Please download->unzip and install it (BF->Configuration->Package Installer->select xml file->Install Package).

I added:
1) one select list with name pets defined like:
0;Please select;
0;Dog;dog
0;Cat;cat
0;Fish;fish

2) section with name petsdogcat
In this section->Properties->Description: Edit->I added:
<div id="pic"><img id="show" width="200" height="200" border="0" /></div>
This is used to shown image in section

3) go to select list->Advanced->click on Change and put:
function ff_pets_action(element, action)
{
    switch (action) {
        case 'change':
if(element.value=='dog') {
document.getElementById("show").src="https://images.pexels.com/photos/1108099/pexels-photo-1108099.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260";
}
else if(element.value=='cat') {
document.getElementById("show").src="https://img.webmd.com/dtmcms/live/webmd/consumer_assets/site_images/article_thumbnails/other/cat_relaxing_on_patio_other/1800x1200_cat_relaxing_on_patio_other.jpg?resize=750px:*";
}
else if(element.value=='fish') {
document.getElementById("show").src="https://images.immediate.co.uk/production/volatile/sites/4/2009/07/GettyImages-931270318-43ab672.jpg?quality=90&resize=940%2C400";
}
            break;
        default:;
    } // switch
} // ff_pets_action
I added url for some picture of cat, dog and fish that I found, you can replace it with yours

4) I turned off section in section->Advanced
When dog,cat or fish is selected this section is turn on.
In form->Advanced->Visibility rules is added:
turn off section petsdogcat if pets isnot !empty
turn on section petsdogcat if pets is dog
turn on section petsdogcat if pets is cat
turn on section petsdogcat if pets is fish
petsdogcat is name of my section, pets is name of select list, and dog, cat, fish is value of select list

I hope I explained it well

Regards,
Tihana
Attachments:

Please Log in or Create an account to join the conversation.

IS THIS POSSIBLE? 1 week 5 days ago #254071

  • Topic Author
  • trucks79
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 75
  • Thanks: 0
sorry more like this
Attachments:

Please Log in or Create an account to join the conversation.

IS THIS POSSIBLE? 1 week 5 days ago #254074

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 3734
  • Karma: 3
  • Thanks: 302
Hi,

hm..only on this way:

File Attachment:

File Name: testfixed.zip
File Size:7 KB


But I will test it again

Regards,
Tihana
Attachments:

Please Log in or Create an account to join the conversation.

Moderators: ForumSupport
Time to create page: 0.051 seconds

BreezingForms Pro 1.4.7 for WordPress Released!

Available in the membership section.

September Discount!

Massive discounts on all subscriptions!

Get Your Subscription Here

Quick Links

Downloads

BreezingForms

ContentBuilder

BreezingCommerce

Templates

Documentation

BreezingForms

ContentBuilder

BreezingCommerce

Apprendre BreezingForms (French Community)

Apprendre et maîtriser BreezingForms par des tutoriels et exemples, le tout en français

breezingforms.eddy-vh.com

Questions et réponses sur les forums de l'AFUJ

AFUJ

Special Offer

Summer Sale! All subscriptions at a special price!

Includes prio support, all of our current and future Joomla!® extensions and Joomla!® templates for the duration of your membership.

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!