Stack Overflow
Stack Overflow

Questions tagged [sidenav]

122 questions
2
votes
2 answers

How to load a page in specific div using angular7

In my project, I have left side menu (like a side nav) that is developed using mat-tree and right side that show the contents when we select or click menu on left side. Here, the highlighted with yellow is built using mat-tree sideNav and contents…
JayashreeJK
  • 23
  • 4
2
votes
1 answer

Angular Material Non-scrollable sidenav

I am working on Angular Material sidenav. How can I have a side navigation that does not scroll but remain static when scroll down the main page? My drawer…
jxStackOverflow
  • 328
  • 1
  • 7
  • 17
2
votes
4 answers

Missing "Hamburger Icon" in Angular Material App

I am new to Angular world and I want to make a Dashboard (with SideNav and TopNav) with Angular Material. So, I installed everything and added the Angular Material library via : ng add @angular/material I added also the ready to use component for…
anyname
  • 103
  • 1
  • 11
2
votes
1 answer

position sticky doesnt apply to flex child though i use top

im trying to build a ui with html. The navbar should stay at the top Some video below the navbar and the other content should scroll on the video( for now it is brown box) . The sky blue box(which is for side navigation) should stop right below…
Mbs Yaswanth
  • 144
  • 2
  • 6
2
votes
1 answer

sidenav overlay on top of sticky navbar, problem with the height of the sidenav overlay

I have this problem with the height of the sidenav overlay, I know that its messing with the javascript of the sticky navbar, but I have no idea how to make the height of the sidenav to be at its 100%. Any help would greatly appreciated! Here is…
midnightcat
  • 55
  • 4
2
votes
1 answer

How to create a sidenav in blueprintjs?

As the title says. I tried using the Overlay item that comes with blueprint, but that had the issue of only being able to scroll within the overlay. Also tried using reflexbox but that had the issue of not being able to scroll individually within…
jeffhu
  • 370
  • 3
  • 10
2
votes
1 answer

React-sidenav: TypeError: Cannot read property 'children' of undefined

I get that error when I want to display my nav from react-sidenav: Error stack-trace: https://hastebin.com/isiguweces.php My class Navig.js whose contains my nav: https://hastebin.com/kanotegido.xml And my App.js where it's use :…
Tryliom
  • 111
  • 1
  • 17
2
votes
1 answer

How to add confim dialog in Yii2 SideNav widget

How to add delete confirm dialog SideNav::widget([ 'type' => SideNav::TYPE_PRIMARY, 'encodeLabels' => false, 'heading' => ' Operations', 'items' => [ [ 'label' => 'Home', …
Yanuar Ihsan
  • 115
  • 11
2
votes
1 answer

Clarity Design sidenav can't scroll when content exceeds view

So I'm currently using the sidenav, but when the nav links exceed the view I can't scroll to see the "hidden" links unless I zoom out. I'm using Angular 5 as a frontend framework and this is how I arranged the components:
Fer VT
  • 500
  • 1
  • 8
  • 25
2
votes
2 answers

angular material mat-sidenav async content area not rendering in correct position

I have a sidenav that works great with mock data, but when I load the data for the sidenav asynchronously from a rest service, the content part renders on the entire page area, and then when the async call returns, the sidenav renders, and ends up…
slarty
  • 21
  • 4
2
votes
0 answers

anuglar 5 material mat-sidenav animation not working on close

I'm having a weird animation problem with closing the material navbar (). The animation works fine when I'm opening the navbar, but when I close it the animation to close it does not seem to play. Instead, it just dispersal when the "animation time"…
Lars Beck-Friis
  • 21
  • 4
1
vote
1 answer

toggle sidenav from another component in angular

I want to toggle a sidenav from another component in Angular. I have 3 child Components: menu,content,header. Button is on header component.I want to click on button then menu should toggle. header.ts export class HeaderComponent implements OnInit…
nafise
  • 23
  • 3
1
vote
1 answer

I am trying to make my sidenav in my angular application working but I have some problems with it that I can not solve

I have generated new component for my mat side nav but when I try to route something to sidebar content using routeroutlet the component that I am trying to route to covers the sidenav and is on full page. I dont know if its something wrong with…
Franta Mrazak
  • 3
  • 2
1
vote
1 answer

Position buttons right aligned at the bottom in sidenavbar

I have been trying to position two buttons side by side in sidenav at the bottom but they always end up getting after the list ends. I want add and delete button (button bar component) at the bottom in the sidenav right aligned all the time. Below…
Radiant
  • 360
  • 3
  • 26
1
vote
1 answer

SideNav with rsuite

I want to create a sideNav in reactjs and I am using rsuite, but I am not able to make it work properly. I have added my code to sandbox here Can anyone tell me how to style this properly and add route to the nav. Even if there is similar example…
Shweta Kale
  • 176
  • 2
  • 10
1
2
3
…
8 9