"Left to right navigation menu"?
It's hard to describe what I mean. I'm new to Ionic but I need a special navigation bar below my action bar. I want to click on an item in my action bar and a navigation menu should be opened. The navigation menu should have many levels. But if I choose one item in the list, I want to see the last list and the new one. And I can slide through the menu (left & right).
Hope you know what I mean. How can I implement this? Is there any name for it?
UPDATE:
It's a bit similar to this:
http://bradfrost.com/blog/web/complex-navigation-patterns-for-responsive-design/#ol-left-to-right
With the difference that the old menu should not disappear, but stay on the left side of the menu.
Related
I have a Reach UI menu button inside an element with overflow-y: scroll. The menu already avoids the edges of the window, but I'd like it to apply the same behavior to the sides (specifically top and bottom) of the scrollable element. I know that the solution probably involves passing a function to the position, function, but i'm not sure what that should look like.
I've created a code sandbox with a fairly minimal setup to illustrate the issue. Each of the buttons shows a menu. Try scrolling while the menu is open.
https://codesandbox.io/s/angry-burnell-u4fjc
I encountered a problem when using
"#react-navigation/bottom-tabs": "^5.11.1"and"#react-navigation/native": "^5.8.9"
snack.expo.io
the operation is as follows:
After entering the main interface, click the tabBar B PAGE bottom
Click jump to B Detail
Click the headerRight custom Back button
Why do I return to the A page? When I click the B page button at the bottom again, I will jump to the Detail page. I don’t know why. Can you help me?
I think it's because you are using navigate.goBack(); it pops the last item in the stack and navigate to that; so when you're trying to use bottom tabs for navigation, you push a new screen to the stack which gets rendered on goBack();
consider using the screen name instead;
I have 4 tab in a tabs component and a side menu. If I scroll horizontal the 1st tab from the left side, the side menu tends to appear but it doesn't. However the 1st tab moves horizontally from left to right and white blank screen is seen.
Have a look at the video here.
Using tabs with a side menu is not a good idea. You could try adding a fifth tab and placing commands there instead of a side menu.
It will look the same and it should work better than a side menu.
hope this helps and good luck with your development :)
I want to add sidemenus at both left and right side.How can it be done in codenameone ?
getToolbar().addCommandToSideMenu(new Command(" Menu 1 "));
I can left sidemenu by using above code and i want to add that on right also.
The Toolbar class no longer supports the right side menu. This functionality has always been problematic and was deprecated a while back. We might re-introduce it with the new "on top" side menu rewrite but right now that functionality is too new.
I am using angular-material in my project.
I have requirement in which I have to show left and right arrow automatically that will indicate there is scroll horizantally.
as you can see in the picture.
You can use for it one of the angular carousel modules. Like this.
Or one of the list