My tab bar with icons at bottom of the is not showing on all views... like I will go to the following view on button tap... there the tab bar is not showing... this is my onbuttontap function
myAccFunction: function() {
var MyUser=Ext.Viewport.add(Ext.create('Sample.view.Userinfo'));
Ext.Viewport.animateActiveItem(MyUser, this.getSlideLeftTransition());
console.log('UserinfoAction'); },
tab bar is showing when I go directly to the view using icon on the tab bar.. but when I go to the view using button tap tab bar is not showing ..
Viewport is the main view that takes usually full screen. Inside the viewport you normally have a panel with tabbars, navigation/title bar and if you want to present multiple pages there - you use cards layout. But the point would be - not to add these pages directly to the viewport, but rather add them to your main panel.
Related
I am facing an issue where the tabs don't fit the entire width of the panel, and the user has to scroll to the right to view the rightmost tabs.
To see what I mean, please can go to this Sencha example, add enough tabs to enable the scrolling in the tab header.
My questions:
Is there a way to make the tabs wrap rather than having the scrolling effect?
Is there a plugin that can be used to create a dropdown menu/list with all the tabs or perhaps with the tabs that are not visible on the top right corner?
Is there a way to configure the table panel such that when I click on the > button on the right side to scroll the tab items, they scroll enough to make the next item visible instead of scrolling in small increments?
Ultimately, I could simulate the tab panel by adding a toolbar and buttons, and using the cardlayout. That would be my plan B.
Thank you
Update: I can set the flex: 1 property for each tab (inside tabConfig). I still have to figure out tooltips and enable the elipsis on the longer tabs that get chopped off.
There is a tabBar config for tabpanels, see here. Within this you can set layout properties, including overflowHandler, and one possible value is menu. This will do what you asked for in question 2. Add this config to tabpanel definition:
tabBar: {
layout: {
overflowHandler: 'menu'
}
}
I know there is a hook for that https://reactnavigation.org/docs/use-scroll-to-top/ . But at the beginning of my project, i created my own bottom tab component instead of using createBottomTabNavigator(). So i have a code like that <BottomNavigator selected={'Explore'} /> at the bottom of five screen. I want to scroll to top when active tab tapped. I can understand that if active tab is tapped but i get that information in BottomNavigator component. So i have no idea how to retrieve that information back to current screen and scroll to top.
I have a TabPanel as a main navigation view in the app. I would like to show a settings view inside the panel of the tabpanel keeping it docked bottom with no actived item, but the settings view is not defined as an item of the tabpanel because I don't want that it appears as a tab.
TabPanel is only showing a view that has been defined as an item. How can I do this?
If you want to have this settings panel stay docked no matter what, don't put it in the TabPanel. Put it in a layout - probably a vbox - that contains both the TabPanel (top) and settings (bottom).
However if you if you actually mean that you want to have it act as an item in the TabPanel, but not have the tab itself show up - you can pass a tab config and inside set hidden to true.
I'm using a storyboard in my iOS 6 app. At the root I have a Tab bar, then I have a number of view controller tabs, enough to get a "More..." item in the bar. Each tab view is embedded in a navigation controller, a very standard setup like the below, except there are more tabs than two, enough to show a "More..." item in the bar:
Yikes, as a newbie I can't post images. Here's a link to an image http://maybelost.com/wp-content/uploads/2011/10/sb22.jpg
The problem is, if you tap "More..." and then you tap one of the items in the overflow list, the view slides in but you get double Nav Bars.
At the top is the bar from the "More..." screen, which is blank except for the back button saying "More...". Just under that is the Navigation controller from the item I picked from the overflow screen, with its title and so on.
The app works normally but obviously this is bad. How can I prevent this?
I Have a Silverlight page with a header menu, a navigation frame, and a footer. In my header menu I want to put a drop down menu, but when I open the menu, it goes behind the frame.
Is there a way to put it forward? Canvas.ZIndex makes no difference at all.
For me to get this to work, the navigation frame had to be in a grid that was a child of the grid my menu was in.
Like so:
Grid "FullPageGrid"
Grid
Menu Stuff
Grid
Navigation Frame
Not sure why that works, but it does.
You can use this free opensource menu for this purpose:
www.sl4popupmenu.codeplex.com
It brings the content on top by placing in a Popup control.
If you can place the drop down menu later in the XAML, it will appear above.
So you want to have this hierarchy:
Grid
Grid
Your navigation frame
Grid
The menu