- markashtonAsked on April 22, 2011 at 10:28 AM
I would like to apply a link to a header image. I would like the the page to reload so would like the _self not flying off into new windows etc.
Is there a way I can do this in jotform please.
- JotForm SupportNeilVicenteAnswered on April 22, 2011 at 11:31 AM
You may use Free Text (HTML) tool instead of Image tool. That way, you would have control of every single aspect of the image link including target.
You may use this code in your Free Text field:
<a target="_blank" href="http://www.jotform.com" >
Of course you'd need to replace the link and the image url
To have your image hosted in our server:
1. Insert an image field in your form
2. Choose Upload Image, click Next
3. Browse to the image file in your computer, click Upload File
4. After uploading, click Image Source button in the toolbar, then copy your image's URL
5. Delete the Image field
Hope this was of help to you. Let me know if there's anything else.
- markashtonAnswered on December 14, 2011 at 10:10 AM
This is a solution but it is made a bit convoluted by the fact that one has to edit the style sheet for ID for that element to get it to position properly. As I hadn't done it for a bit I found myself sighing and trying to work out what part of the CSS I needed to add.
Is there an easier way?
If not can I request the feature request for _self and _blank as options
makes sense yeah?
- JotForm SupportMike_TAnswered on December 14, 2011 at 06:28 PM
Can you please also try to control the position of the element through Free Text (HTML) tool?
Thank you for using our services.
Please let us know if you need any further assistance.
- markashtonAnswered on December 16, 2011 at 09:21 AM
Thanks - that's a great help.
So folks, you can insert a header image using the free text tool and then its likely you will want to get the position of it perfect.
I wanted to move my image flush to the left and flush to the top.
If you use the vertical space and horizontal space you can do this. So I put in horizontal space -4 and vertical space -16 and this moved the image to the left and upwards. Bingo.
Good technique, fine control and no CSS injection required. try it ;)
- paoloumaliAnswered on December 16, 2011 at 05:19 PM
Glad to hear you're getting used to using the WYSIWYG editor.
I think other users will find your horizontal and vertical space technique useful.