How to Insert (Embed) a Screen Shot (A.K.A. Screen Dump) Into a Post

What is JotForm?

JotForm is a freeonline form builder which helps you create online forms without writing a single line of code.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

Why do you not want to answer this thread?(Your answer will be sent to Jeanette and Aytekin)

JotForm Support

abajan

Asked on June 26, 2011 at 01:30 PM

Before we can insert the screen dump into a post, we need to have a screen dump in the first place. That's what the Print Screen key on a Windows keyboard is for. No, that key does NOT send a picture of the screen to your printer, as some erroneously believe. (It probably should have been named the Take a Snapshot of My Screen key but that would simply be too verbose! :)

Anyway, hitting that key will save an image of whatever happens to be on the screen to the Windows clipboard, from where it can be pasted into various applications like Paint where it can be saved.

2. When the Open dialog box pops up, navigate your way to the folder containing the image and either double-click its filename or click it and then click Open:

3. Click Send Image:

What will not be obvious from the above screen dump (the arrow pointing to "Send Image" should actually be labelled "Step 4", by the way) is the fact that not only did the thumbnail in the Last Image Upoloaded field change but so did the Image URL. It's just that the text box isn't long enough to show the updated portion of the address. (If the address is clicked and then the [End] key hit, you will see that the right portion is indeed different to what would have been there previously.)

4. (Step 5) Click the URL and select all of it [Ctrl + A] and copy it to the Windows clipboard [Ctrl + C]:

5. Go back to the tab or window containing the post in which you wish to embed the screen shot and click where you want to insert it (Hit [Enter] to insert it two lines below the text or [Shift + Enter] to place it just one line below)

6. Click the Insert/edit image button. It's the button that looks like a mango tree on a green pasture on a sunny day (okay, perhaps that's going a bit overboard!) :

7. Paste [Ctrl + V] the URL from your clipboard into the Image URL text box and then click Insert:

That's pretty much how it's done.

Now, there are ways to improve upon this method. For one thing, some of you may be looking at the screen dumps above and thinking to yourself "Hmm... those look a whole lot sharper than my own screen shots". The trick is to ensure that the images are no wider than 471 pixels (height doesn't matter). So, instead of hitting [Print Screen] and pasting the screen shot into Paint, use Jing. It's a pretty versatile application that can easily select the correct width and label elements of the image, as was done above. It's also worth noting that Jing saves images as PNGs which is a lossless format.

You may be thinking, "What about if I need to include screen dumps of images wider than 471 pixels and still want to maintain sharpness?" What I usually do in such instances is to either just use a text link to the image or use a 471 pixel wide portion of image as a link to the whole image. To turn the inserted image into a link, select it by clicking and dragging the mouse over it (from right to left usually works best with me but I guess the direction doesn't really matter) and when it turns blue, click the Insert/edit link button and follow the same procedure as outlined above for the "Insert/edit image" window.

Once again, I'll say that if you're typical of the helpful response provided by the smiling bunch of faces behind Jotform Support, then you're something special. Never before have I experienced such a great relationship with a support team. Tell your boss that you all deserve a raise!! :-)

...Skip

PS- Pasted below is what my form response looks like now -- just the way I want it. :-)

PPS- If you think others may benefit from this tutorial, consider adding it to the list of "Popular Articles" on the left side of your Support Forum page.

brx250

Answered on August 01, 2011 at 01:22 AM

Hi kiribrandli,

Navigate to this site, http://www.jotform.com/help/image_upload.php?naked=true and press "Choose File". After choosing a file, press the "Send" button. Afterwards, the page will reload itself. You can then copy the URL of the image provided in the textbox shown, which is labeled as "Image URL".

Hope this helps.

If you do need further details and information, please feel free to contact us.

_____________________________________________Albert| JotForm Support

DanaVideo

Answered on August 09, 2011 at 08:40 AM

Dear Wayne,

Sorry about the lack of information - I thought I was doing a search rather than submitting a question.

However now that I have you here...

I would like to create a form with checkboxes and a text box, so the easiest way to explain it would be with an example:

And if the client clicks on Other, a text box appears for them to write which other.

I have got around this on my jotform by adding another field below that says "If you checked other please specify below:"

And this may be the only way to do it, but I was wondering if there was an option to have the text box magically appear?

Thank you for a really great service by the way!

All the best

Lara

JotForm Founder

aytekin

Answered on August 09, 2011 at 08:59 AM

Lara: JotForm already has this option. Select the radio button question and then click on Allow Other button on the toolbar.

Petallic

Answered on September 07, 2011 at 10:44 AM

New response receivedHi Neil

Thanks for that.

Nothing is displayed using IE8 but I can see it with no problem with Google Chrome. Does this mean I have a problem with IE8 setting?

Kind regards

Jules----- Original Message -----

allanftd

Answered on September 07, 2011 at 12:07 PM

Hi Jules,

This thread has branched out to other topics, so pardon me if I ask which subject are you referring to: is it the Allow Other button, or the embed screenshot tutorial?

Kindly advise so that we can assist you further.

JOTFORM SUPPORT

Petallic

Answered on September 08, 2011 at 04:16 AM

New response receivedThanks Allan

But Neil has already solved the problem.

Kind regards

Jules----- Original Message -----

Farmacia

Answered on September 25, 2011 at 04:25 PM

Can you confirm if you received the screenshot?

Advise

Help Desk

MexicanPharmacy.com.mx

RENUNCIA: Información contenida en este e-mail es confidencial y está destinado únicamente para el becario. Las opiniones contenidas en este e-mail son las del autor y no necesariamente las de Mexicanpharmacy.com.mxDISCLAIMER: Information contained in this e-mail is confidential and is intended for the recipient only. The views contained in this e-mail are those of the author and not necessarily those of MexicanPharmacy.com.mx

JotForm Support

abajan

Answered on September 25, 2011 at 04:37 PM

Hi Farmacia

If you were attempting to post a screenshot in this thread, it did not show up. Please try again, as we are interested in your query.

Thanks.

~ Wayne

Farmacia

Answered on September 25, 2011 at 04:50 PM

Listen, I tried to upload this image (after I pasted it onto a MS Word document) and these sites all say there is an error; your site says it is too large only accept 500k; the next site says incorrect format…

Look I don’t have time to keep working on this error; it’s been 4 days now and I need to know if your team will be able to correct it or should I just cancel my account and search elsewhere for another form entity that will be able to go to the link I sent or review the trouble ticket I sent…

Why do you need an copy of the image as it comes across in my email? I copied and pasted it exactly like it comes to me…

I await your reply, sorry but I can’t keep trying to work on your software’s issues when we have plenty of our own; read the complaint and look at the text that we posted; THAT IS EXACTLY HOW IT COMES ACROSS IN AN EMAIL NOTIFICATION TO US.

Below we are pasting the image into this email….

Regards,

Rafa,

Help Desk

MexicanPharmacy.com.mx

RENUNCIA: Información contenida en este e-mail es confidencial y está destinado únicamente para el becario. Las opiniones contenidas en este e-mail son las del autor y no necesariamente las de Mexicanpharmacy.com.mxDISCLAIMER: Information contained in this e-mail is confidential and is intended for the recipient only. The views contained in this e-mail are those of the author and not necessarily those of MexicanPharmacy.com.mx

Rafa

Answered on September 25, 2011 at 04:52 PM

So complicated to post a screenshot; when I already copied and pasted exactly what appears on our email, read that and please not worry about a screenshot. IT IS THE EXACT SAME THING!

Rafa,

mexicopharmacy.mx

Farmacia

Answered on September 25, 2011 at 05:03 PM

Listen Wayne, I have tried to upload to all three sites you provided and issues with all three;

1st) file too large

2nd) Incorrect file format (ms word file)

3rd) Does not accept…

So I am sorry to say, but I can’t spend several days trying to get you this screenshot; actually it is not even necessary in this case; as I have posted to your entity the exact format in which the email notification comes across to us on our email (outlook 2010). Therefore I have been advised by my boss; If your office can’t correct the issue on your end, then please advise so I may cancel our account; my boss is screaming at me telling me he can’t believe it takes you guys this long to correct a simple email format issue.

Therefore do what you can, if you can’t correct I have to advise accounting on Monday morning to reverse the last charge and stop future charges on our company credit card.

Thank you.

Rafa,

Help Desk

MexicanPharmacy.com.mx

RENUNCIA: Información contenida en este e-mail es confidencial y está destinado únicamente para el becario. Las opiniones contenidas en este e-mail son las del autor y no necesariamente las de Mexicanpharmacy.com.mxDISCLAIMER: Information contained in this e-mail is confidential and is intended for the recipient only. The views contained in this e-mail are those of the author and not necessarily those of MexicanPharmacy.com.mx

JotForm Founder

aytekin

Answered on September 26, 2011 at 06:18 AM

Rafa: The email html code problem on forms submitted through secure.jotform.com is now fixed. Please try it again and let us know if the problem continues.

Farmacia

Answered on September 26, 2011 at 06:15 PM

Thank you!,

I will review it later when online.

Help Desk

MexicanPharmacy.com.mx

RENUNCIA: Información contenida en este e-mail es confidencial y está destinado únicamente para el becario. Las opiniones contenidas en este e-mail son las del autor y no necesariamente las de Mexicanpharmacy.com.mxDISCLAIMER: Information contained in this e-mail is confidential and is intended for the recipient only. The views contained in this e-mail are those of the author and not necessarily those of MexicanPharmacy.com.mx

andypenn

Answered on April 19, 2013 at 01:35 PM

sorry mate no can do I have done exactly what you described and how I always do it, it simply putsa broken file in the box , I can drag and drop the file and I can see it in the topic box , but it seems that it cannot be sent this way, so I am at a loss as what to do I think at present we are fighting each other as I have carried out work and it keeps disapearing and i think this happens when you clear the cache at your end I put it in again thinking its working only to have it disappear again,