How do I successfully add an image inside text selection?

  • ScherMusicStudio
    Asked on June 8, 2016 at 9:12 PM

    I want to add an image (a small logo) to my header.  I was able to do it but not format the text.  Then, I tried the "text" selection, was able to format the text.  BUT, I'm having trouble adding an image now.  

    I don't want to drag the "image" option as that cannot be INSIDE the text area.   

    When selecting "insert/edit image" option inside text, a window opens with the questions: source and image description.  I have uploaded the image to jot form.  What do I put  for the source and description?  I cannot find on jotform a folder with the images so I don't know what name it has now, or what it's description should be.  

    I have also tried adding the image by altering the HTML code but that's not working either.  The image is uploaded to Google Photos and Picassa.

  • Chriistian Jotform Support
    Replied on June 8, 2016 at 10:19 PM

    To add an image using the "insert/edit image" option inside the text, you will need to input the link/URL of the image in the Source field. You can insert any description you prefer in the Description field.

    Since the image is uploaded to Google Photos, you can follow this guide to get the link to the image. https://support.google.com/picasa/answer/39551?hl=en. Simply go to the Share links to albums and photos section and view Link to an individual image.

    How do I successfully add an image inside text selection? Image 1 Screenshot 30

    Here's how the image should look after.

    How do I successfully add an image inside text selection? Image 2 Screenshot 41

  • ScherMusicStudio
    Replied on June 8, 2016 at 10:28 PM

    Hi, I already tried plugging in the URL (link) of the photo on both Google Photo and Picassa Web.  Didn't work.

    How can I access the image that's already uploaded to Jotform?

  • ScherMusicStudio
    Replied on June 8, 2016 at 10:46 PM

    I read through the linked article you sent just to make sure I was copying the link correctly, which I was.  So, the URL isn't working.  How else can I add the image before text?  Again, it's already uploaded to your site.  Thanks so much!

  • Kiran Support Team Lead
    Replied on June 8, 2016 at 10:46 PM

    Please be noted that it is required to have the direct URL of the image in order to display the image correctly. When the image URL is copied from Google Photos/Picassa web, you may not be getting the direct URL and hence it is not being displayed.

    If you need to access the URL of the image uploaded to JotForm, you may add Image field to the form to choose the existing images. Please see the following screencast that can help you with getting the URL of the image uploaded to JotForm.

    How do I successfully add an image inside text selection? Image 1 Screenshot 20

    Hope this information helps! 

  • ScherMusicStudio
    Replied on June 8, 2016 at 11:17 PM

    After numerous tries it did work, but when I drag the image option over it does not open as your example did, with a recently used tab.  Anyway, I added it to the header, then copied the code there.  

    How did I now align the text to be immediately to the right of the image?  Align text to top or middle of image?  I don't see a text alignment option.  Thanks!!

  • ScherMusicStudio
    Replied on June 8, 2016 at 11:22 PM

    I just inserted a 2 column, 1 row table and put the image in the left and the text in the right.  Then, I was able to go into cell properties and align text to the top.  Do you think this was the best way to handle this?

  • Chriistian Jotform Support
    Replied on June 8, 2016 at 11:30 PM

    I do believe it is a great way to position the image to the left of the text using the table. This way the image will always stay to the left even when you add more text to the right column.

    How do I successfully add an image inside text selection? Image 1 Screenshot 20

    Due to this, it seems that the issue has now been resolved. Do you need further assistance? Please feel free to contact us again. Regards.

  • ScherMusicStudio
    Replied on June 8, 2016 at 11:56 PM

    Thanks!!  Now that I deleted the text above, how do I move the table UP to the top of the box?  It won't move when dragged.  There's nothing in table properties either.

  • liyam
    Replied on June 9, 2016 at 12:28 AM

    Hello,

    I see that there is another thread relating to your follow-up question here, so we'll answer your concern on that new thread instead.

    Thanks and warm regards.