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

    Feedback Button Location - RESOLVED

    Asked by AA_C on November 17, 2015 at 10:12 AM

    Is it possible to relocate the feedback button to a spot inside a page rather then the edge. As I show in my image.

     

    Thank you 

    Robert

    Page URL:
    http://www.aac.ca/AAC_login/en/main/login.aspx

    feedback feedback button lightbox location feedback location
  • Profile Image

    Answered by AA_C on November 17, 2015 at 11:07 AM

    I found another option by using lightbox.  Thank you,

    Robert

  • Profile Image
    JotForm Support

    Answered by Jan on November 17, 2015 at 01:11 PM

    Glad to hear that you found another solution. Let us know if you need any help. Thank you.

  • Profile Image

    Answered by AA_C on November 17, 2015 at 08:43 PM

    I found an other option but would still like to know if what I asked is possible.

    Thanks

  • Profile Image
    JotForm Support

    Answered by Chriistian on November 18, 2015 at 02:11 AM

    Hi,

     

    I think this is possible but these changes however will depend on your site. You will need to add customized CSS to be able to achieve this. 

     

    Do let us know if you need further assistance.
    Regards.

  • Profile Image

    Answered by AA_C on November 18, 2015 at 10:53 AM

    OK, I did try a couple of css code tricks one using a div around the script with position relative and absolute but I couldn't get it to relocate. So I need more direction I guess. I could use this app if I could manipulate its location.

    Thank you

  • Profile Image
    JotForm Support

    Answered by Jan on November 18, 2015 at 11:19 AM

    I understand that you want to change the location of the feedback button. I'm not sure if you already know that you can customize the feedback button in the Publish wizard.

    1. Click the "Publish" button in the toolbar.

    2. Go to the "Embed" tab and then select "Feedback Button" in the Embed Options dropdown. After that, at the bottom, please click the "Customize" button.

    3. Here you can choose where to put the Feedback button. When you're done, please click on the "Save Changes" button.

    4. Please take note that the feedback button script code will change. It means that you need to put the script code again in your webpage.

    Hope this helps. Thank you.

     

  • Profile Image

    Answered by AA_C on November 18, 2015 at 11:25 AM

    Hi, Yes I did exactly as shown above. But it will only allow to place the button at the outer edges not anywhere internally on a page.

    Thanks

  • Profile Image

    Answered by Ben on November 18, 2015 at 01:52 PM

    To do what you are after Robert, you need to make a slight adjustment to it.

    This is the code that you can use:

    a.butt_on.lightbox-40784624332959 {
        background-color: orange;
        box-shadow: none;
        display: block;
        left: -4%;
        position: absolute;
        top: 50%;
        transform: rotate(90deg);
        z-index: 9999;
    }

    This is how it would look - and with the code above, it would always be in that position, it would not go up and down (resulting in it covering the menus at the top).

    It is important to note that this code above will work for the form link as it is at this time, meaning that if you remove "Amin Help, Questions, Comment" or do some other changes, the position will be changed, but still something that is possible once you set it up as you wish.

    As you can see it not only moves the link (form button) to the left, it turns its text to be in different direction and colors can be adjusted, etc.

    So do let us know once you add the form into the text on the page and we can assist with specific code needed to move it to the side as with the above code.

  • Profile Image

    Answered by Ben on November 18, 2015 at 01:54 PM

    I apologize for the additional email, but I must mentioned that the code above must go into your website - not your form.

    So you should add it as such to your website:

    <style type="text/css">
    a.butt_on.lightbox-40784624332959 {
        background-color: orange;
        box-shadow: none;
        display: block;
        left: -4%;
        position: absolute;
        top: 50%;
        transform: rotate(90deg);
        z-index: 9999;
    }
    </style>

    You can add it at any position on your page, I recommend either into head element or above the link element if you want to be able to easily change it.

  • Profile Image

    Answered by AA_C on November 18, 2015 at 03:09 PM

    Hi Ben, Thank you, This is exactly what I was looking for. Good work. Robert