Hi! Is there a way to create a link to a location in the NINTEX form?


Badge +2

Hi! Is there a way to create a link to a location in the NINTEX form?


11 replies

Badge +7

If I'm understanding you correctly, it sounds like you want the functionality of an anchor tag in your form. Unfortunately, it's not as simple as just adding the HTML code. 

However, I did find the following article that may work for you written by Daniel Stoll‌:

Adding Anchors/Bookmarks into your large Nintex Form

Badge +2

Thank you so much!

Badge +7

You're very welcome. If that worked for you, don't forget to mark the question as answered.

Badge +2

I'm new to NINTEX and unfortunately cannot get the 'Label' controls on the

form to work. Could you provide more details on how to create the Label

control 'To Bottom' and 'Back to the Top' as it doesn't function when I

either preview it or publish it.

Badge +7

Pete Frometa‌, I hadn't tested the code in the article I linked to. Since you said you were having issues, I just tried it now, and I also was unable to get it to work. 

However, I modified the code a little, and that is working:

NWF$(document).ready(function(){

    $('.moveTop').click(function(){ 
        NWF$('div.overflowY').scrollTop(0);
    }); 

    $('.moveBottom').click(function(){
        NWF$('div.overflowY').scrollTop(5000);
    });  
  
});

Make sure you give your labels the correct CSS Class names to work with the JavaScript:

Example:221865_pastedImage_1.png

Let me know if you have any issues with that.

Badge +2

Chad,

It worked! Thank you!

Badge +7

I'm very glad to hear it worked for you. Please remember to mark the question as answered.

Badge +2

Chad,

For some reason, the bookmarks only work in the preview mode not when I

open up the form from the SharePoint List Library. Do you know what could

be causing this?

Badge +7

You're completely right.

It works great in Preview, but doesn't do anything once you publish it and try in the production environment.

It took quite a bit of trial and error, but this finally worked for me:

NWF$(document).ready(function(){

    NWF$('.moveTop').on('click', function() {
        $('#s4-workspace').animate({scrollTop: 0}, 0);
    });

    NWF$('.moveBottom').on('click', function() {
        $('#s4-workspace').animate({scrollTop: 5000}, 0);
    });

});
Badge +2

Chad,

It works!!! Thank you again!

Badge +7

You're very welcome. I'm glad it works.

Please remember to mark the question as answered if you feel it has been.

Reply