Feedback Button Location - RESOLVED

  • AA_C
    Asked 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.

    Feedback Button Location   RESOLVED Image 1 Screenshot 20

     

    Thank you 

    Robert

  • AA_C
    Replied on November 17, 2015 at 11:07 AM

    I found another option by using lightbox.  Thank you,

    Robert

  • Jan
    Replied on November 17, 2015 at 1:11 PM

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

  • AA_C
    Replied on November 17, 2015 at 8:43 PM

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

    Thanks

  • Chriistian Jotform Support
    Replied on November 18, 2015 at 2: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.

  • AA_C
    Replied 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

  • Jan
    Replied 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.

    Feedback Button Location   RESOLVED Image 1 Screenshot 40

    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.

    Feedback Button Location   RESOLVED Image 2 Screenshot 51

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

    Feedback Button Location   RESOLVED Image 3 Screenshot 62

    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.

     

  • AA_C
    Replied 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

  • Ben
    Replied on November 18, 2015 at 1: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).

    Feedback Button Location   RESOLVED Image 1 Screenshot 20

    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.

  • Ben
    Replied on November 18, 2015 at 1: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.

  • AA_C
    Replied on November 18, 2015 at 3:09 PM

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