Is it possible to prevent the Marker on the Geolocation Widget from being moved?

  • t19003
    Asked on September 4, 2024 at 2:46 AM

    Hi!

    When using Geolocation, Is it possible to prevent the pin drop from being moved?

    Thanks!


  • Ruan JotForm Support
    Replied on September 4, 2024 at 3:21 AM

    Hi t19003,

    Thanks for reaching out to us for help. I'll need a bit of time to look into this. I'll get back to you as soon as I can. 

    Thanks for your patience and understanding, we appreciate it.

  • Ruan JotForm Support
    Replied on September 4, 2024 at 4:22 AM

    Hi t19003,

    I did some tests, and found a way to prevent the markers from being moved using CSS Codes and Paragraph elements. Since you have 2 Geolocation Widgets on your form, you'll need to add 2 Paragraph elements to your form. It's really easy to do. Let me show you how:

    1. In Form Builder, click on Add Form Element at the top-left of your screen.
    2. In the Basic tab of the left-side Panel, navigate to the Paragraph element and drag and drop it into your form. You'll need to do this twice. Is it possible to prevent the Marker on the Geolocation Widget from being moved? Image 1 Screenshot 40

    Now all that's left is adding the CSS Codes to your form. Let me show you how to do that:

    .page-section {
        position : relative;
    }

    #id_19 {
        position : absolute;
        background : transparent;
        top : 700px;
        left : 36px;
        width : 350px;
        height : 420px;
    }

    #id_18 {
        position : absolute;
        background : transparent;
        left : 35px;
        top : 1200px;
        z-index : 3;
        width : 460px;
        height : 420px;
    }

    1. First, copy the CSS Codes I provided above.
    2. Now, in Form Builder, click on the Paint Roller icon at the top-right of your screen.
    3. In the Styles tab of the Panel on the right, navigate to the Inject Custom CSS section and paste the CSS Codes I provided. Is it possible to prevent the Marker on the Geolocation Widget from being moved? Image 2 Screenshot 51

    That's it. This will put the Paragraph element over the Geolocation Widget and prevent form fillers from moving the markers. Check out the screencast below to see my results:

    Is it possible to prevent the Marker on the Geolocation Widget from being moved? Image 3 Screenshot 62

    Give it a try and let us know if you have any more questions.

Your Answer