display image next to radio buttons
Last Post 09-12-2012 05:59 AM by Ryan Bakerink. 4 Replies.
AddThis - Bookmarking and Sharing Button
Author Messages
jrossUser is Offline
skipping stones
skipping stones
Posts:6
Avatar

--
09-10-2012 11:02 PM
    Our form asks the user to select which product they have from a list of radio buttons. We would like to feature an image of each product next to (or in place of) the radio button text. Is this possible? If not, are there any creative ways to achieve a similar result?

    Thanks for the help!
    Jason
    Ryan BakerinkUser is Offline
    river guide
    river guide
    Posts:1900
    Avatar

    --
    09-11-2012 08:51 AM
    Hello Jason,

    If you're using SQL Driven Options for your Radio buttons then you can include the images in the Returned SQL.

    For instance, say that you uploaded these three images into Admin -> File Manager under a folder named "Images".

    Image names are:
    * Check.png
    * Smiley.png
    * Thumbsup.png

    Then in your SQL Driven Query you can do something like this:

    ----------------------------------------------------------------------------------------------------------------
    Select 'Check Mark [img src="http://old.datasprings.com/portals/0/Images/check.png" /] ' As QuestionOption, 'Check' As QuestionOptionValue
    UNION ALL
    Select 'Smiley [img src="http://old.datasprings.com/portals/0/Images/smiley.png" /] ' As QuestionOption, 'Smiley' As QuestionOptionValue
    UNION ALL
    Select 'Thumbs Up [img src="http://old.datasprings.com/portals/0/Images/thumbsup.png" /]' As QuestionOption, 'Thumbsup' As QuestionOptionValue
    ----------------------------------------------------------------------------------------------------------------

    Make sure you replace "[" with "<" and "]" with ">" inside of the SQL Query.

    Please let me know if this helps.

    Thanks,

    Ryan

    Chad NashUser is Offline
    Posts:5260
    Avatar

    --
    09-11-2012 11:07 AM
    Hi Jason - I like Ryan's idea... How many products are there? If there are only a few products and you know specifically what they are you might review how we handle this from this specific demonstration:


    http://www.datasprings.com/products...ation-page

    Change the "Gift Type" within that demonstration and you will see what I am referring to.

    Thanks!

    -Chad
    jrossUser is Offline
    skipping stones
    skipping stones
    Posts:6
    Avatar

    --
    09-11-2012 02:33 PM

    Perfect, guys; thanks for the help! In this scenario, where we want all the products to display at once, Ryan's solution works great!

    Chad - good to know the other options exists as well.

    Mahalo!
    Jason

    Ryan BakerinkUser is Offline
    river guide
    river guide
    Posts:1900
    Avatar

    --
    09-12-2012 05:59 AM
    Great to hear, hope you have a great day!

    -Ryan


    ---
  • film izle
  • 720 izle
  • film
  • sinema izle
  • film makinesi
  • T�rk�e dublaj film
  • film izle
  • film izle
  • baglan film izle
  • sinema izle
  • 1080 film izle
  • film mercegi