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

  • Profile Image
    Deborah.Miller
    Asked on March 03, 2016 at 05: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?

  • Profile Image
    Kevin_G
    Answered on March 03, 2016 at 07: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. 

  • Profile Image
    Deborah.Miller
    Answered on March 30, 2016 at 07: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

     

     

  • Profile Image
    Kevin_G
    Answered on March 30, 2016 at 08: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.

     

  • Profile Image
    Deborah.Miller
    Answered on March 31, 2016 at 01:19 PM

    Perfect, thank you!!

  • Profile Image
    Kevin_G
    Answered on March 31, 2016 at 02:48 PM

    You're welcome.

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