I am relatively new to Xamarin and mobile development. Currently I am workin on a xamarin project, in which there is a situation where I need to bring a Tabbed page inside a Navigation page. Below is the image of page layout that I need to develop
In the Main Navigation page, left side should be content page and right side should be tabbed page with three contents.Is't doable in Xamarin forms?
No, You should create your own layout.
If you're making an iPad app only, using Master-Detail Page could be an option.
But for other devices, you can't use TabbedPage like that.
Related
I have the next layout on the page:
And I'm trying to add popup menu like on youtube mobile app:
but I can't place it above other elements. React Navive for web creates own stacking context for each block. So that z-index doesn't make any sense. Is there any ways how to handle that?
I am using the library react-navigation-drawer for my app side menu.
My app should be working on iphone and iPad as well.
The default side menu of this library is working well on iPhone.
But on iPad, side menu should be always visible on my app.
I could implement this by drawerLockMode:'locked-open' on some pages.
But Side menu has been overlayed on content screen. and could not doing any actions on content screen.
Even content screen has been pushed aside as width of side menu.
Anyone help me how to implement the responsive side menu on iPhone and iPad?
Thanks
whenever app is running on iPad, set drawerType={'permanent'} for Drawer.Navigator
https://reactnavigation.org/docs/drawer-navigator/#drawertype
I have been trying to create a Xamarin Forms App using Prism that works on both phones and tablets.
For the tablet layout I'm trying to create something similar to the draft image below while still reusing the Pages/ViewModels from the phone.
What I have tried:
Using a TabbedPage where each Tab contains a MasterDetailPage. There are two issues with this solution:
Xamarin only recommends using a MasterDetailPage as the root page
I managed to implement this "solution" but probably due to the reason above the xaml of the pages inside the MasterDetailPage don't bind correctly to their ViewModels.
Using a TabbedPage in which each Tab contains a Page divided in two parts which have a ContentView:
This solution works, but I can't reuse the Page from the Phone version directly on the layout.
I did try using Prism Partial Views to implement this solution, but I think the parent Page needs to contain the ViewModel that is going to be used by the ContentView which wouldn't work in this scenario (because it's going to contain two View Models).
Not sharing the Pages/ContentViews/ViewModels between phone and tablet:
This solution works, because I can implement the MasterDetailPage with ContentViews but there's is no code being shared for pages/views that basically do exactly same thing so it's really not ideal.
Any idea on how I can implement this layout while still sharing the Views and View Models between the Phone and Tablet implementations?
Note: This app is for Android, iOS and UWP using Xamarin Forms 3.4 and Prism 7.1
I'm developing metro-style app for Windows 8. Currently I use buttons with arrows for navigation in my app but I want to handle gestures (just like in IE for changing pages, from left to right). How I can achieve this?
If your application is not too complicated, is FlipView an option for you?
MSDN References:
http://msdn.microsoft.com/en-us/library/windows/apps/hh465425.aspx
http://msdn.microsoft.com/en-us/library/windows/apps/br211711.aspx
I'm new to iOS development and recently started out with rubymotion.
Im currently working on a "start page" kind of application that loads an in app html/css/js file in a webview. The "start page" then links to different sections/pages on (a to be released) responsive design version of http://hiof.no .
My current build of the app is based on the PaintHTML example:
https://github.com/HipByte/RubyMotionSamples/tree/master/PaintHTML
The feature I'm stuck on at the moment is previous/next page navigation to navigate back and forth in the webview history.
The idea of the navigation feature is to have previous/forward buttons positioned fixed on the bottom left side of the app similar to the Path app "new content" button.
Any ideas how I can implement access to the webview history with "native" rubymotion code?
the UIWebView have to methods UIWebView#goBack and UIWebView#goForward,
create two button and set the action to #webView.goBack and #webView.goForward; and you can enable the button with the methods [UIWebView#canGoForward and UIWebView#canGoBack]
Documentation