cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
franco89
Nintex Newbie

Forms: Floating Navigation Tabs

Jump to solution

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

Labels: (1)
Tags (2)
0 Kudos
Reply
3 Replies
pwarrak
Nintex Newbie

Re: Forms: Floating Navigation Tabs

Jump to solution

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,

0 Kudos
Reply
franco89
Nintex Newbie

Re: Forms: Floating Navigation Tabs

Jump to solution

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

Dynamic Top Menu Positioning - JSFiddle  

0 Kudos
Reply
pwarrak
Nintex Newbie

Re: Forms: Floating Navigation Tabs

Jump to solution

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...

View solution in original post

Reply