Material Design Theme and Scrolling Left NavBar

One of the GREAT things about Anvil is that one can build some fairly complex apps without really understanding the underlying technologies, including basic html, javascript, css stylesheets, etc. It’s a blessing and a curse because eventually, one does have to explore those from time to time.

I’ve run into this in an implementation based loosely on the material design theme. When I place too many links on the left nav-bar, I’ve run into situations where users cannot see the lower links, and unlike the main column panel which scrolls, the left nav bar does not.

I suspect the answer lies in the html that the Anvil form is based on. Is this an easy fix/addition to that html or do I need to start from scratch and really learn all that is specified in the standard-page.html?

In the Material Design theme the following css allows for scroll of the left nav bar

.nav-holder .left-nav, .left-nav-placeholder {
 ...
  overflow-y: auto;
}

hope that helps

3 Likes

Thanks - exactly what I was looking for