Skip to main content
Nintex Community Menu Bar

Forms: Floating Navigation Tabs

  • March 24, 2017
  • 3 replies
  • 14 views
Forum|alt.badge.img+7

Hi All,

what is the best way to have navigation tabs on my form that "follow" (float) as i scroll up and down.

I got it working (sort of) by setting the position: fixed for the CSS class but my div overlaps with other form content as I scroll down over it. What is the best way to avoid this? Is it jquery?

thanks

    3 replies

    Nintex Partner
    Forum|alt.badge.img+7
    • pwarrakNintex Partner
    • Nintex Partner
    • March 24, 2017

    Dear, 

    This is because there is still top and left as attributes for it.

    Remove them within JQuery.

    If you need any help, let me know.

    Regards,

    Forum|alt.badge.img+7
    • franco89
    • Author
    • March 24, 2017

    Trying to do something like this but can't get the JS to work:

    Dynamic Top Menu Positioning - JSFiddle  

    Nintex Partner
    Forum|alt.badge.img+7
    • pwarrakNintex Partner
    • Nintex Partner
    • March 25, 2017

    Dear.

    1-Add a CSS class to your choice (Tabs) contro (Named here "Beta")l:

    2-Use the following JS as per the picture: 

    NWF$( document ).ready(function() {   NWF$(".Beta").css({ 'top' : '', 'left' : '', 'position' : 'fixed'});});

    Cheers... happy.png

    Sidebar Buttons
    Nintex Community Home Contact Nintex Support Email Nintex Community Check Nintex Status
    Terms & ConditionsAccessibility statement