Is there a way to make a "help" field visible at all times, even if they scroll?

  • HRSSJotform
    Asked on March 3, 2016 at 5:02 PM

    I don't know if there is a way to do this, but can there be a field on the screen they can select even if they scroll down?

  • Kevin Support Team Lead
    Replied on March 3, 2016 at 7:01 PM

    Yes, this is possible by using CSS, you will need to change the position property to fixed, read more about this property on this link: http://www.w3schools.com/cssref/pr_class_position.asp

    Here is an example about fixed position with CSS: http://www.w3schools.com/cssref/playit.asp?filename=playcss_position&preval=fixed

    This guide will help you to inject the CSS to your form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Do let us know if you have questions when doing it, we will be glad to help. 

  • HRSSJotform
    Replied on March 30, 2016 at 7:11 PM

    I am not sure I'm doing this correctly...first, I need to get rid of the form border and I'm not sure where that is in settings. 

    The fixed position worked, however it moved all the fields in that column

     

    Is there a way to make a help field visible at all times, even if they scroll? Image 1 Screenshot 30

     

    Is there a way to make a help field visible at all times, even if they scroll? Image 2 Screenshot 41

  • Kevin Support Team Lead
    Replied on March 30, 2016 at 8:52 PM

    To get rid of the border of your form you need to add this CSS code in the Designer: 

    .supernova .form-all, .form-all {

        border: 1px solid transparent;

        box-shadow: 0 3px 9px rgba(0, 0, 0, 0);

    }

    Regarding to the position fixed, I think it is moving all the fields because you are applying this to a class, it means that all the HTML elements that have this class will be affected with this code, you should use the ID instead, this will affect only to the element with that ID, in this case you should use this CSS code: 

    #id_52 {

        position : fixed;

        width : 200px;

        height : 100px;

        left : 300px;

        top : 15px;

    }

    You may also ensure that this is the correct ID of your field by following this guide: http://www.jotform.com/help/146-How-to-find-Field-IDs-Names

    Do note that you need to use these CSS properties to change the position if the field in the form:

    Top.

    Bottom.

    Left.

    Right.

    This will help you to place the field where you want.

     

  • HRSSJotform
    Replied on March 31, 2016 at 1:19 PM

    Perfect, thank you!!

  • Kevin Support Team Lead
    Replied on March 31, 2016 at 2:48 PM

    You're welcome.

    Do get back to us if you need more help, we will be glad to assist you.