I am using jquery UI tabs in my layout.
Is there any way to set some delay() in hiding the previous tab when I click on next tab?
It could be very simple but got stuck here .. :(
Regards,
Era
Related
Using the Vaadin Flow Tabs component, is there a possibility to prevent the tab selection change event? I have a tab that should ask for saving unsaved changes when navigating to other tabs before really navigating.
We have a project using a NavigationPage and TabbedPage working as expected in iOS but not Android (Xamarin Forms (2.3.3.193) with Prism (6.3.0)).
I've set up a sample project available here.
This application consists of three pages which are nested in a NavigationPage and a TabbedPage (APage, BPage and CPage) and a fourth page which should lose the TabbedPage and keep a NavigationPage (B1Page is available through BPage).
NavigationService.NavigateAsync("NavigationPage/LayoutTabbedPage/APage");
Opening APage with navigation and tab bar on iOS and looks fine on Android
BPage has an 'Add' button on the navigation bar which also looks fine on Android
Clicking 'Add' should open B1Page. This still has the navigation bar (with a 'Save' button instead of 'Add') but no tab bar.
m_navigationService.NavigateAsync("NavigationPage/LayoutTabbedPage/BPage/B1Page");
But on Android B1Page the tab bar remains and as does the original navigation bar (with the Add button instead of Save).
Is there something wrong I'm doing with navigation which makes these inconsistent?
Yes, you have issues with your navigation. First off, if you want to navigate within a TabbedPage and keep your tabs, you need to wrap your Tab in a NavigationPage, not the TabbedPage in a NavigationPage. Something like this:
<NavigationPage Title="B">
<x:Arguments>
<local:BPage />
</x:Arguments>
</NavigationPage>
This will allow yo to navigate within the actual Tab.
If this is not what you want to do, then keep your tabbedPage wrapped in a navigation page and then when you navigate to B1Page force an async nav call using 'NavigateAsync("B1Page", usemodalNavigation: false)`. This will bounce you out of the tabbed page but keep you within the navigation page with the back arrow and toolbar item.
Secondly, your navigation Uri's are a mess. Navigation in Prism is relative to where you are calling it.
When you make this call m_navigationService.NavigateAsync("NavigationPage/LayoutTabbedPage/BPage/B1Page"); you are pushing all those pages onto the navigation stack again. If you hit your back button on Android you will see what I mean.
All you have to do is from BPageViewModel call NavigateAsync("B1Page");.
That should get you pointed in the right direction.
I have been using Angular-UI Bootstrap popover for my project. I have multiple popovers in a view.
The functionality required was to have a single popover open at a time. I could have used "focus" as my trigger. But using it will close the popover if I click on the content of the popover.
I have been able to achieve this programmatically by following #Kim Ras solution in this thread
But the problem is that I am able to close the popover only when clicking popover button.
What I want, is, to be closed if I click anywhere on the page other than the popover content.
In my project I'm working on with Xamarin.iOS (formerly MonoTouch), I ran into a little problem. I have a UITabBarController which contains 7 tabs (so it uses the "More"-tab). The UITabBarController is hidden to the user, and only serves as an easy way to switch between tabs (with the SelectedIndex property). I have arrow buttons on the bottom of the view that function as previous and next tab buttons.
The problem is that if I hit next after the 4th tab, it won't switch to the 5th view, but to the "More" list instead. Is there a way to subclass UITabBarController and override something so this doesn't happen?
Thanks a lot,
DebboR
I solved the problem using a push-pop navigation structure. I have put custom buttons instead of the back buttons which pop to the first view instead of the previous.
Personally, I think the tab solution (if "More" wouldn't be there) would have been much cleaner and logical than this solution, but it works...
Thanks anyway,
DebboR
I am new to mobile web frameworks development and would like to get advice about implementing a navigation bar for my BlackBerry application. I need a fixed nav bar at the top of the screen, however a scrolling one. I looked at jQuery Mobile, but it allows up to 5 items. If more, another row is added below. I need something like this:
http://supportforums.blackberry.com/t5/Web-and-WebWorks-Development/Paged-navbar-at-the-top-of-the-page/td-p/1671709
Thanks in advance.