NavView Menu - Fixed Position

Request for a new feature or component
Post Reply
russelguinarez
Posts: 16
Joined: Fri Feb 08, 2019 5:47 pm
Status: Offline

NavView Menu - Fixed Position

Post by russelguinarez » Thu Feb 14, 2019 4:28 pm

Hi,

Is there any chance to make the position of NavView Menu to fixed?

So when the NavView Content overlaps the height of the monitor, only the NavView Content will move when I scroll down.

Thanks.

User avatar
olton
Site Admin
Posts: 205
Joined: Mon Apr 09, 2018 6:19 pm
Location: Kiev, Ukraine
Status: Offline

Post by olton » Thu Feb 14, 2019 4:32 pm

Code: Select all

<body class="h-vh-100">
    <div class="h-100" data-role="navview">
    ...
    </div>
</body>

russelguinarez
Posts: 16
Joined: Fri Feb 08, 2019 5:47 pm
Status: Offline

Post by russelguinarez » Thu Feb 14, 2019 4:40 pm

It doesn't make the NavView Pane to a fixed position. So NavView Pane - Fixed Position, NavView Content - Scrollable

User avatar
olton
Site Admin
Posts: 205
Joined: Mon Apr 09, 2018 6:19 pm
Location: Kiev, Ukraine
Status: Offline

Post by olton » Thu Feb 14, 2019 4:44 pm

Sorry, but I don't understand what you want :( Create screenshot, please.

russelguinarez
Posts: 16
Joined: Fri Feb 08, 2019 5:47 pm
Status: Offline

Post by russelguinarez » Thu Feb 14, 2019 4:44 pm

I put pos-fixed in the navview-pane class and it worked.

russelguinarez
Posts: 16
Joined: Fri Feb 08, 2019 5:47 pm
Status: Offline

Post by russelguinarez » Thu Feb 14, 2019 4:45 pm

Code: Select all

<body class="h-vh-100">
        
        <div class="p-0">
            <div class="h-100" data-role="navview" data-compact="md" data-expanded="lg" data-toggle="#pane-toggle">
                <nav class="navview-pane pos-fixed">

Post Reply