xamarin - apply consistent navigation across all content page - xamarin

I am developing an APP using Xamarin, i trying to apply an consistent navigation system for my app.
I have used xamarin master detail navigation and binded the master page with few details page through ObservableCollection list.
My default details page is again a tabbled page. Within Tabled page on click of some button i need open some content page which are not part of master page.
What i want is- any conent page should open within the master page means from any content page master page's header and left sliding menu should be easily available to user.
I am tryng to bind master page from content page on runtime but no luck yet. Please help.
====updating my query for better understanding===
1. Sample master details page look like below
[1
Click on item 1 open page 1 with sliding icon on left side of page title
Click on "GO TO PAGE 3" open page 3 with navigation back button. I think as this page is not bind to master page it shows normal back button. Basically i want to replace this navigation back button with "master detail" sliding button in every page those are not part of master page.
Please let me know how to replace navigation back button icon and behavior with master detail sliding button. I know following line of code can be used to open sliding menu but do not know how to hook the back button even.
(App.Current.MainPage as MasterDetailPage).IsPresented = true;

Related

NativeScript BottomNavigation -> how to open default page on bottom navigation item tap?

I have page called "Fund". I have bottom navigation with 5 tabs - "Home" / "Portfolio" and 3 others. In default behaviour all tabs has it's own navigation stack and if opened "Fund" in Home and then opened Portfolio when i return to Home "Fund" still be opened.
My goal is open default page for opened bottom navigation tab on every touch.
Here is the sample code {N} Playground
Solved in this issue
It's quite possible Frame.topmost() gets confused during tab
transition. However, you can access a certain tab frame and call
goBack() for it. Check this playground and let me know if it solves
your problem:
https://play.nativescript.org/?template=play-tsc&id=4Ij5yz&v=7

Xamarin Master Detail prism Nav bar back button

I have a masterdetailview that uses prism. When I click on one of the menu items the hamburger menu shows up on the nav bar of the new page I clicked and I really just want the top nav bar to show a back button and be able to go back. How can I achieve this ?
When my app loads I call
await NavigationService.NavigateAsync("/MainPage/NavigationPage");
I figured I could call
await NavigationService.NavigateAsync("/MainPage/NavigationPage/InviteFriends");
and this would provide the newpage with a back button to Home but when I do this it doesn't do anything
EDIT
if I change to
await NavigationService.NavigateAsync("/MainPage/NavigationPage/FeaturePage");
which is what the home page will be called(Feature Page) it will not load the page at all.
MainPage is my list of other pages to go to that is shown when the hamburger is pressed if that helps. Feature page is the page I would want to show below the hamburger page and be the "Home" screen.
am I doing that correctly ?
So if we take your example you have the following Navigation Stack:
MainPage/NavigationPage
Let's assume your navigation code looks like this in the Master-Detail View Model
await NavigationService.NavigateAsync("/MainPage/NavigationPage/InviteFriends");
This will lead to the following Navigation Stack:
/MainPage/NavigationPage/InviteFriends
This is because the navigation was called from the master-detail page.
The master-detail page is considered a root page in Prism and when navigating from a Master-detail page it will set the target page as the detail page of the master-detail.
Check out this article for a more detailed breakdown Link
Be careful - Starting with /MainPage will clear the Navigation stack
One quick solution to this is to add your homepage to the navigation call:
await NavigationService.NavigateAsync("MainPage/NavigationPage/HomePage/InviteFriends");
This will create the following:
MasterDetailPage/NavigationPage/HomePage/InviteFriends
This should hopefully create the response you are looking for.
Hope this helped. Happy coding!
EDIT:
I think if you separate your initial Detail Page out into its own file you should then be able to do the following:
await NavigationService.NavigateAsync("MainPage/NavigationPage/HomePage/InviteFriends");

how to navigate from a content page to the second tab of Tabbed page in xamarin.forms using Prism

once user click on the search bar he/she directs to a model content page and after searching and selecting the search result. I want user to redirect to the second tab of a tabbed page.
is this possible using prism ?
Navigation for TabbedPages has been improved with Prism 7. Please see the blog post here
NavigateAsync(“TabbedPage?selectedTab=MiddleTab/ViewA/ViewB”)
This will navigate to the TabbedPage, selected the MiddleTab and continue navigating ViewA and ViewB onto the navigation stack.
The blog post ist not 100% clear, but don't take MiddleTab literally. Most likely this will be the class name of a view added to the TabbedPage.

Polymer <polymer-element name="core-spa" extends="core-scaffold"> Wish List Item

I am working on creating a SPA (Single Page Application) in Polymer that is based on the Core Scaffold. What is missing is URL Routing that keeps the current view and some data in a pretty URL that can be shared and gives the user a clear preview of the page based on the URL.
The best Router I have found is https://github.com/erikringsmuth/app-router
The main navigation will be the current "Hamburger" menu (with submenus) at the top left which changes the content of the main area and a "More or Settings" menu at the top right which pops up modal dialog boxes with things like login, settings, preferences etc.
A fast splash page followed by "Lazy Loading" is also required.
And a "Full Screen" button that hides all the clutter and give the mobile use maximum workspace.
Gluing this all together the "Polymer Way" is still confusing. Any suggestions would be appreciated.

Joomla 3 Show Title issue. Hide page-header

I turned Show Title option for articles to Hide in global settings. So it works for each my page good instead of home page. So the title is still appear, even if I switched it to hide in article that correspond to Home page content.
I suppose maybe something wrong with menu.
So I have next menu:
Home
Photos
Contacts
Each menu content single article, but only Home shows title...
I am using joomla 3
on the screenshot below Home header that I don't need.
on the screenshot below Videos header that set as Show tile in menu item
on the screenshot below Videos header that set as Hide tile in menu item
I am making the same for Home but it does not work the Home tile is still visible.
I tapped on menu items then on home items which is single article:
then I modify visibility options:
save and close - and then update the index page in browser, but nothing happen the header Home is still on the page (
The solution is next:
Click on the “Menus” menu and select “Main Menu”.
Click on the menu item that represents your home page (usually “Home” or something similar)
On the right side, click on “Page Display Options”
Set “Show Page Heading” to “No”
Click on “Save”
http://www.celticwolf.com/blog/2012/09/06/how-to-hide-the-page-heading-in-joomla-2-5/
You have an option to show or hide the title of Articles and also Menus. Usualy is "Home" also the dafault "Frontpage" of the site, having the option to show the title.
Go to Menus -> Default "Home" Menu and under options you should have Show Title and hide it.
This should work, i tested it right now on my page to be sure.
Regards
in joomla 3.x it will be possible by combination of backend settings and source code change.
Login to your joomla control panel.
Go to Global\Articles and turn the "Show Title" and "Article info Title" to Hide.
Go to Global\Menus and turn the "Show Page Heading" to Hide.
Login to your host and go to your public html directory then go to "\templates**[your template]**\html\com_content\article" directory.
open default.php in editor and find
php if $this->params->get('show_page_heading', 1) :
and change the 1 to 0 then save it.
I suggest you to backup default.php file before any changes.
You can disable the Page Heading in the Menu Item options as showed below in my screenshot:
if this don't work, try to go to MENUS - MANAGE - (press the button OPTIONS to the right of the page)
In browser page title press one space , the set the second voice to NO:
Then save and press the REBUILD button.
This happens when you have a multi language site. The "Show Page Heading" option inside the languages home menu doesn´t works at all in this case. It is overrided by the Main Menu home options (that one without any languages assigned to it, that is mandatory in Joomla).
So if you change the "Show Page Heading" option inside the Main Menu home options, it will work.
Bizarre. But, it´s the way that Joomla 3 works.

Resources