Skip to main content
Nintex Community Menu Bar

Forms: Floating Navigation Tabs

  • Mar 24, 2017 4:59 PM UTC
  • 3 replies
  • 19 views
  • Translate All

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

Forum|alt.badge.img+7
  • Nintex Partner
  • Mar 24, 2017 5:42 PM UTC

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,

Translate

Forum|alt.badge.img+7
  • Author
  • Mar 24, 2017 10:14 PM UTC

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

Dynamic Top Menu Positioning - JSFiddle  

Translate

Forum|alt.badge.img+7
  • Nintex Partner
  • Mar 25, 2017 5:53 AM UTC

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

Translate