Social Media Links

  • Profile Image
    CashAngels
    Asked on January 24, 2016 at 01:15 PM

    I would like to upload 10 social media images to a form and place them on 1 row.  When I upload the images, they seem to stay on different rows.  Is it possible to place them onto 1 row?  Also, how do I create them as hyperlinks to point to a website?  Thank you.

  • Profile Image
    BDAVID
    Answered on January 24, 2016 at 04:29 PM

    You need to increase the width of your form form the to be on same row:

    In order to hyperlink the image, you need to select the image field, and click on the Image Link button:

    Example: https://form.jotform.com/60236292242954

    Let us know if you have more questions, we will be glad to assist you.

  • Profile Image
    CashAngels
    Answered on January 24, 2016 at 05:52 PM

    That doesnt help.  When you upload your own images, the image is small but still takes up a lot of space.  Even when you "shrink" the settings, there is still room to the left and right of the social media link, so placing 10 on the same row is not possible.  Is there a way to post 10 social media links (my own upload) with very little space between each other?

  • Profile Image
    ashwin_d
    Answered on January 25, 2016 at 03:55 AM

    Hello CashAngels,

    Have you checked our "Social Follow" and "Social Share" widgets already? Please take a look and see if that fits into your requirement.

    If you still want to add your own image, you can inject custom css code to remove the margin space. Please take a look at the following cloned form where I have inject the required custom css code:  https://form.jotform.com/60241527936961

    I injected the following custom css code: 

    div#cid_12 {

        margin-left: -58px;

    }

    div#cid_14 {

        margin-left: -85px;

    }

    Please be noted that since it custom code, it will be changed for every new image you add/upload in your form.

    Feel free to clone this form for a closer look. The following guide should help you in form cloning:  http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image
    CashAngels
    Answered on January 25, 2016 at 09:02 AM

    how do i input custom code into the images?

  • Profile Image
    CashAngels
    Answered on January 25, 2016 at 09:12 AM

    I see where you can add Custom CSS to a Form but how do you add Custom CSS to an Image?

  • Profile Image
    Carina
    Answered on January 25, 2016 at 10:28 AM

    As you have several threads opened this question will be answered here:

    http://www.jotform.com/answers/755051 

    Please avoid opening several threads regarding the same situation. 

    Thank you