Social Media Links

  • CashAngels
    Asked on January 24, 2016 at 1: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.

  • David JotForm Support Manager
    Replied on January 24, 2016 at 4:29 PM

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

    Social Media Links Image 1 Screenshot 30

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

    Social Media Links Image 2 Screenshot 41

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

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

  • CashAngels
    Replied on January 24, 2016 at 5: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?

  • Ashwin JotForm Support
    Replied on January 25, 2016 at 3: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!

  • CashAngels
    Replied on January 25, 2016 at 9:02 AM

    how do i input custom code into the images?

  • CashAngels
    Replied on January 25, 2016 at 9:12 AM

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

  • Carina
    Replied 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