I'd like to have a NavigationPage using xamarin forms (iOS and Android), with a footer (footer would be static when the pages move inside the NavigationPage), this footer is NOT a toolbar, I'd like it to be fuly customisable (StackPanel).
On a higher stand point, it means having a Page inside an other page.
I see several approachs, that all needs custom renderer :
Create a custom "ContentPage", with stacked in it a NavigationPage and a StackLayout for the footer...
Customize the NavigationPage itself to display the footer...
Something else ?
Is it even possible ? What would be the best approach ? Did someone succeded to do that ?
PS : I came acrosse this thread that almost achieve this : http://forums.xamarin.com/discussion/36897/put-a-page-inside-another-page#latest
Thx
This can definitely be done, but not by putting a ContentPage in a ContentPage. You never really want to have a ContentPage inside a ContentPage unless it's a Navigation/MasterDetail/Tabbed page, eg A ContentPage can go in TabbedPage. It might be possible but it's not standard probably come back to bite you in the future.
There's a few options:
Have the footer on every content page, you could do this via
inheritance which you could do with a Grid or other various layouts.
The good part about this is that you don't need a custom renderer
but it might not look the best when moving between pages.
Rethink you UI so you don't need to do it exactly this way, is there
an easier way to get the same affect but staying within the
Xamarin.Forms controls? - 'Dont fight the framework'.
Build a custom Navigation Renderer which has the view at the bottom with this you could have the footer be static between page transitions. But it wouldn't be as easy to implement as you would need a Custom Renderer, you would also need to know Xamarin.Forms, Xamarin.iOS and Xamarin.Android fairly well. *note you might also be able to do this with MessageCentre.
All those are possible, it's up to you in which to implement, depending on your personal time/knowledge/budget etc.
Thanks
Related
I have created a custom Tumblr theme and have a number of pages on my blog. I want to create a navigation menu near the top of my template but am unsure of how to do this.
I have added the lines:
{block:HasPages} {/block:HasPages}
{block:Pages} {/block:Pages}
But this has no effect.
Does anyone know the correct way of achieving this?
You should be able to do
{block:HasPages}
{block:Pages}
{Label}
{/block:Pages}
{/block:HasPages}
I’m trying to display the menu title text (example “Home”) in the header area of my Joomla 2.5 website.
Joomla’s default (when activated) is to place it in the Component area.
I’m not sure the best way to accomplish this. By default Joomla wraps the menu title with an H1 tag but doesn’t wrap it with a div and class.
The ways I’ve thought might be best to do this are:
Somehow wrap all menu titles with a div and class so I could reposition them up into the header with css .
Add some php code to my template. Something like:
php
$menuTitle = $this->params->get(‘fieldNameOfMenuTitle’);
php
echo = $menuTitle;
Any ideas, suggestions, or answers would greatly appreciated
Thanks
Never found an exact answer but found a work around.
Used a modified version of the below demo/plug-in to create a custom field (named it: "Title that displays on the Web Page") in the articles menu. By default, the table that is created and displayed in the web page is in the component area and is wrapped in a w/ a class. Repositioned the with CSS up into the header/banner area.
http://docs.joomla.org/Adding_custom_fields_to_the_article_component
I am working on my first Windows 8 Metro app. I have worked a LOT with Silverlight and I am familiar with the Metro concepts. My challenge is, I know I want to create a "Section" page as defined here: http://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh761500.aspx. Or, to put it another way, like the sample "Finance" app where "TODAY", "INDICES", "NEWS", etc. represent sections. But, I can't figure out how a "Section" page is defined in XAML.
I was expecting it to be similar to a tab control where each section is defined as a child of the parent control in the "Items" collection. However, I can't seem to find a solid example. Does anyone know an example they can point me to? Or a walkthrough online?
Thank you!
Try using a frame in your "master" page, and then adding other pages to that frame. A section in this paradigm is just a normal page. Most of the samples here in MSDN uses this type of design, with a master page displaying different sections, based on a selected item in a listview.
I have a basic app I'm creating with a Top Nav button Bar a bottom button Bar and a Viewstack for content in the middle. The catch is the content, and skins are completely dynamic based on XML I'm loading. Therefore I have to create the ViewStack dynamically (because I don't know how many children it could have) and the same goes for the top and bottom Nav button bars. Now, I could handle this very neatly with Flex 3 , however I want to to do this with Flex 4 and would like to take advantage of its new logic and skinning separation architecture. I have seen many tutorials on this as far as components known at compile time but not for custom class creation. Can anyone list some good tutorials? thx - Mike
I could not find any tutorials , so I figured I would create my components dynamically as I would in Flex 3, the only difference would be that if I have a component I need to skin, in my case a button, and I'm creating it dynamically I would use :
btn_nav.setStyle("skinClass",skins.NavMainToggleButtonSkin);
Where the host component is : [HostComponent("spark.components.ToggleButton")]
I also am using custom Spark Viewstack that a developer wrote:
spark Viewstack
Also this article helped me with creating a custom component and connecting wih a skin class and how it relates to the component lifecycle:
http://flexguruin.wordpress.com/2010/12/08/flex-4-spark-component-life-cycle/
-Mike
I want to know that can i change the navigation menu dynamically,i am having two tabs on the basis of which i want to render the navigation menu.How can it be done
Thanks in advance
For usability reasons, the global navigation generally shouldn't change. Users will expect to see the same options available to them and will get confused (and leave) if they aren't.
Could you explain the requirement more?
EDIT:
Usability issues aside, try adding all necessary items to the top nav, then use Javascript to toggle between tabs. If you don't want to change the navigation PHTML files to add IDs to them, you can use the existing classes to target which nav items to show and which to hide.
Since Magento stores cannot function without JS anyway, you should be pretty safe with that solution. Preferably, you can change the top nav's template (I believe app/design/frontend/base/default/template/page/template/links.phtml in 1.4) to use IDs for those LIs as well, in which case you can target those instead.
Thanks,
Joe