What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

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.

  • Profile Image

    Drawing Red, Curved Arrows Pointing to Submit Button

    Asked by inteljot on January 03, 2012 at 12:44 PM

    I'm sorry to encroach on your time but I was just wondering if you could provide the necessary CSS code to draw red curved arrows that point to the submit button (one on the left of the button and one on the right).  I know that the size/length of the arrows can change, but please provide possible sample code that I can use.

    Thanks so much for your time and consideration in this matter!

    (By the way, I've reviewed a lot of form building creation tools and I believe Jotform provides the best solution.)   

    Page URL:

  • Profile Image
    JotForm Support

    Answered by abajan on January 03, 2012 at 07:12 PM

    Straight arrows should be a "piece of cake". As a matter of fact, those arrows you may have noticed on the rounded rectangles of JotForm's hover text and error messages are generated via CSS using the method demonstrated here and here (with this second link, edit the CSS in the top right box and click "Update"). However, curved arrows might be really pushing the envelope of CSS's current capabilities. There's a guy who's considered by some to be a CSS guru (Stu Nicholls). His site might just have the solution for which you are searching but I won't hold out too much hope.

    I'll let you know if I find anything.

  • Profile Image
    JotForm Support

    Answered by abajan on January 03, 2012 at 07:46 PM
  • Profile Image

    Answered by inteljot on January 04, 2012 at 09:02 AM


    Thanks so much for taking the time to answer my question and providing the additional resource.  I will continue to experiment with the coding provided as I have not been able to duplicate the results.  (I went to add the code in the appropriate Jotform area but perhaps I have to place it in a different order, or define a given variable first.)

    On a separate issue, and please don't laugh at my question, if I create my own image of the submit button (adding the image to the form), can it be made to have the same properties as the default submit button -- triggering the thank you page and emailing me the contents of the filled out form.  In other words, I just want to create my own submit image and not use your default submit image ... and still have the same subsequent action take place.

    Thanks again for all your support!  

  • Profile Image
    JotForm Support

    Answered by abajan on January 04, 2012 at 11:12 AM

    I'll have a go at inserting those arrows later.

    Re: The submit button, it's quite a legitimate question. Please see this thread.

    You can also use injected CSS to style the default button to your liking, as explained in this user guide article.

    Hope this helps.

  • Profile Image

    Answered by inteljot on January 04, 2012 at 12:33 PM

    Hi Abajan,

    Thanks again for your timely, thoughtful response.  I was simply able to create a new submit button image with a red curved arrow to replace the default submit button thanks to your suggested link.

    If you have time, please let me know the end result of your "insert arrow experiment."

    Thanks so much for all your assistance.