Angular bootstrap sidebar


Paolo Lops
Hi David,do you have a solution, already implemeted, to build an angular bootstrap sidenbar? (https://mdbootstrap.com/angular/advanced/sidenav/)regards Paolo

DecSoft

Hello Paolo,

Are you take a look at the SwipeMenu* samples? There is not an "sidebar" control "out of the box", but, we can implement it using some other already available controls, more or less as you can see in the SwipeMenu* samples.

I use it in this particular app, as you can see in this screenshot:



Paolo Lops

no, i had not seen it.

it looks good.

i have another ask for you. there is a way to avoid to close the android app with the back button?


DecSoft

Hello Paolo,

i have another ask for you. there is a way to avoid to close the android app with the back button?

Yes; please, take a look at the "ConfirmExit" sample.



Paolo Lops

Hello David,

how i can implement and hamburgher menu coming from navbar control  with your SwipeMenu example to open the menu with the hamburger click?



DecSoft

Hello Paolo,

I am not sure if can understand perfectly well. If what you want is to mix the navbar control and an swipe menu, that is, use the "hamburger" button to shown the menu, I am not sure if that can be the best. The "hamburger" button already do their work by shown the navbar items.

Maybe I can prepare an even for that button, but, again, I am not sure if that is what you wanted or really needed. For example, if you take a look at the "SwipeMenu*" samples, what we use to show the menu is the "SwipeRight" event of the app's view.

Inside that event, we use the app's function "DoShowSwipeMenu", as you can see. Ok. In fact, you can use that function from another place, for example, from an Button Click event. And that Button can have an "hamburger" icon (the FontAwesome icon is "fa-bars").

So, I am not sure if this can be useful for you or not. Please, go ahead if you have some further questions.

P.S. As you can see below in the image, we use the refered technique to shown our app's swipe menu: see at the top right corner the menu button. The button's Click event toggle the menu visibility.



Paolo Lops

Hi david,

i'm loocking for a powerfull solution to replicate the bootstrap pro sidebar control.

your SwipeMenu is a fantastic solution to show the vertical menu. But at the top i must add some other functionality like new incoming mesages etc.. see image



mybe i can use an html control to implement that...

DecSoft

Hello Paolo,

I can understand. However, the component that you mention is not for Angular 1.x, which is used by AB, but for Angular 2.x. This frameworks are not compatibles, so, probably it's difficult to implement exactly the component that you wanted, Paolo. You must look for another possible way to shown what you wanted. And of course, if you need any help, please, don't hesitate to post it here or just open another forum thread.

* How you can do what you wanted? Maybe an HTML control below the navbar, so you can show there the icons that you wanted, etc. There is not only a way to do the things, so, I am sure that you can find one useful approach.


Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.

This website uses some useful cookies to store your preferences.

I agree. Hide this note. Give me more information.