I am developing a windows phone 8.1 universal app and I have placed the application bar at bottom of the page. I have some buttons at bottom of the page and whenever I click buttons at bottom of the page,the app bar is popping out. It becomes a problem while playing with the bottom buttons while app bar is coming.I have made app bar as ClosedDisplayMode="Minimal",but same problem persist.
Is there any way to place app bar on top of the page or to hide the bottom appbar to solve this issue?
The first way to do is just to hide BottomAppBar by setting its visibility:
BottomAppBar.Visibility = Visibility.Collapsed;
The other way may be to set it to null:
create application bar in code,
when you don't want bar to see at all just set BottomAppBar = null; in the code,
as you have created the bar in the code, you have its reference, then when it's needed again just set it BottomAppBar = myCommandBar;.
Related
I sprinkled webpage content inside an Android native app with left and right swiping applied.
Among the elements inside the web page, there is an area that has a partial horizontal scroll with overflow-x:auto property.
However, when you try to scroll the horizontal scrollable area with a touch, the left and right swiping applied to the native app is executed and the page itself is moved.
(To be more precise, it's a situation where you check the contents of the mail in the Android Google Mail app.)
Is there a css property(As it is sent by email) that can prevent the swiping from being executed when trying to scroll the part with the overflow-x:auto property?
I am looking for a way to launch my application in a browser with window frame or tabs or menu or toolbar, is there any way i could achieve that.
For instance i want to launch my application without the part marked in orange. (without tabs or possibility of creating a new tab) and the settings button beside the address bar
Update:
i am adding a image of what i am trying to accomplish...
Thanks in advance
How to implement a navigation bar like the facebook app for wp8
I want to implement a navigation bar for my wp8 app, it look like the facebook app for windows phone 8, Click on the left menu to slide profile pages ... or Swipe left to show profile page, swipe right to show friend.
My idea is host 3 pages (Profile Page, MainPage, FriendPage) on a phoneapplicationframe, when use click on the profile icon the Profile Page will be visible and the Mainpage will be margined to left ... , It is possible? How can i do it.
Any feedback will help me so much. Please help me, i'm stucked here.
Thanks you.
I've blogged about a possible solution for this, but I have to agree an usercontrol would be a better option!
http://depblog.weblogs.us/2013/07/30/facebook-like-settings-pane-with-gestures-windows-phone/
I believe it was only one single page whose width is more than the screen's width. And the default view is achieved by setting the margin or other property which is for you to findout using trial and error.
First, create a custom control/user control as design same as profile icon pressing profile page.
Then, drag it onto your main page. and set it margin properly how you want.
When you press the profile icon button. Then only you need to show it and collapse it when tapping screen.
If any of you guys can pull up the twitter.com web app on your iPhone's, you will notice how the address bar dissapears and becomes replaced with the Twitter header bar. You can scroll the content with elasticity but the Twitter header bar stays in place just like with a native app. How did these guys do it?
Update: Looks like they changed their web app. Before, it was kind of like Sencha. I am trying to create the effect without using the full library. Take a look at this:
http://cdn.sencha.io/touch/sencha-touch-2.1.0/examples/kitchensink/index.html
They didn't hide the address bar permanently. They are using Mobile Safari's behavior of scrolling down causes the address bar to scroll with the page. What they did was scroll the page down, probably using window.scrollBy so the address bar "disappears" (just like it does on any other page). If you fiddle with the page, you can scroll all the way back up to the top again.
Am trying to display AppBar for entire html page in my Metro app.Whenever I click on the other items of the page, immediately AppBar is disappearing.Can anyone give me advice to set my AppBar remain constant for entire page in Metro App.Here am using appbar.winControl.show();.
For JavaScript: appBar.sticky = true;
For XAML: AppBar.IsSticky = true;
This will keep your AppBar on the screen even if you click elsewhere on the page. But remember that the design guidance is for a transient AppBar that will light-dismiss (disappear when you touch somewhere else). Here is the guidance for when it should be sticky, from the guidelines and checklist for app bars:
Do set the app bar's dismissal mode to sticky when displaying contextual commands.
If you have contextual commands on an app bar, set the mode to sticky while that context exists and turn off the sticky mode when the context is no longer present (such as when a photo is deselected). In sticky mode, the bar doesn't automatically hide when the user interacts with the app. This is useful for multi-select scenarios or when the context involves interaction such as manipulating cropping handles. The bar stays visible while the user performs the actions. The user can still hide the bar by swiping the top or bottom edge of the screen and they can show it again with an edge swipe.
Finally, here is the JS reference for the sticky property.