slidemenu | Support horizontal slide | Carousel library

I am trying to redirect the user to home page when the sign in is successful from signIn page but its not redirecting even if the user is signed in successfully.

In my formClass Component for checking if user is signedin:

I'm trying to customise a menu I've found on CodePen. Here's what I've found.

What I'm trying to do is modify it so that the menu closes after you click on an item, or if you click outside the menu. I've tried various things but can't seem to get it to work.

Here's my html:

I'm trying to make a slide out menu by changing the left anchor constraint when the "open" button is tapped. I've seen people do it using IBOutlets on the constrains, but the view I'm working with is made completely programmatically, preventing me from doing that.

The view is initially positioned off the screen, so I thought I could just change the constraint when I tapped the "open" button, but the code below does nothing.

For the mobile version, I have to have a vertical menu. Knowing that for the computer version I use this one (the example), I'd like to know if someone has any CodePen (or other) for what I want?

Otherwise, can I adapt it myself? Only by swapping the vertical value with the horizontal one?

The example (https://codepen.io/abenjamin/pen/XbbdZJ):

Using PrimeNG for native Angular UI components, there is a menu called "slidemenu", which has a useful property called "backLabel". That property ultimately creates a button for navigating back to a previous view. However, the back button that is generated is skipped when tabbing through the page.

My idea is to add the "tabindex" attribute to the element, however, I can't figure out a way to do that, I don't see any documentation on primeNG that shows how.

The angular component looks like:

When it's generated it looks like: Back

I know I can access the css with span.ng-classname as the selector but I don't see anyway of adding attributes to the element.

EDIT/UPDATE: 7th June 2019

I've determined this is a bug in Safari, as the CSS works perfectly in all other browser. For anyone who finds this, if you're creating a sliding menu (which slides offscreen to the right of the viewport), as of Safari 12.1.1, adding overflow-x to the body tag will not work (it does work on Chrome, Firefox etc) - this means that when your menu div is positioned offscreen to the right, the user can scroll horizontally and see the menu.

I've found a (sort of) workaround is to give the parent container of the menu dive a position:fixed attribute - this obviously only works if you intend for your header to be fixed.

Original Question

I'm building a simple header with a menu that slides from right to left when the menu button is pressed. However, when I position the menu div offscreen (left: 100%), on Safari, I can scroll horizontally right to see the menu div. (No scroll bars appear, but I can scroll right via the Mouse)

If I set overflow-x:hidden on the header, then it hides the offscreen div, but also won't show it if you set the left:0 (ie. overflow-x seems to be hiding x and y directions).

Even more perplexing, if I change the header to position:fixed, then it works and you can't scroll right to see the offscreen menu div.

can someone help me how to close sidemenu react native flux when i clicked menu to another scene?

i have try, but still cant close

here my drawerlayout.js code

I've made my first slidemenu and everything seems fine except the content in the menu itself. The slidemenu has pretty big spaces between each link and disabling the bootstrap stylesheet will make it looks like I want it to be.

Is there something i need to change in the Bootstrap.css?

How i want it to be

how it currently is with bootstrap.css active

Hello I managed to reproduce the code from this tutorial https://www.youtube.com/watch?v=HrLLnoa9Zd4&index=32&list=WL&t=330s.

But then I decided to add something simple like a button to the left slide that changes its text. I created a new activity with SetContentView(Resource.Layout.Left); and wrote the click event to the button. When I start the program ,though, I click on the button and nothing happens. I figured out that the activity is actually not called and what I see is only the layout.

My question is if there is a way to call the activity that I wrote when I slide to the left?

main layout