I'm create slide menu as Facebook,and I'm follow this https://slideview.codeplex.com/ . And I have xaml code as below :
<Application.RootVisual>
<library:SlideApplicationFrame Title="Slide View">
<library:SlideApplicationFrame.LeftContent>
<pages:LeftView />
</library:SlideApplicationFrame.LeftContent>
<library:SlideApplicationFrame.RightContent>
<pages:RightView />
</library:SlideApplicationFrame.RightContent>
</library:SlideApplicationFrame>
My problem is : Slide menu will be apply all page,but I want slide is appear in specific page .
You can implement that by either Control animation while navigating between panes inside a Windows Phone page or Add side menus to an Windows Phone application (similar to the Facebook app)
Write the following lines of code in the constructor of page in which you want to hide slide view.
SlideView.Library.SlideApplicationFrame.SetHideHeader(App.RootFrame, false);
App.RootFrame.IsSlideEnabled =false;
App.RootFrame.ToggleHeaderVisibility(false);
Related
I am using react-native navigation Wix V2 library. I want to design a login page that is launcher and does not have BottomBar and then go to home page by clicking on an Enter bottom. In home page I want to have a BottomBar menu. The problem is that I only could bring BottomBar menu on my launcher page and I cannot have it on any arbitrary page. How I have to code in index.js?
Please help me with this issue.
Take a look at this example project: https://github.com/atoami/react-native-navigation-redux-starter-kit
Right at the beginning, it shows a screen where you can choose between starting a Single Screen App or a Tab Based App.
I was looking around, but couldn't find a good reference for how to implement the search overlay for windows phone applications. I want to emulate how search is implemented in the store, music, and other system type applications.
I have the application bar created with the icon, but not sure what is happening when the button is clicked. It appears that some overlay is transitioned in on top of the page. I can emulate this, but since this seems like such a common scenario, I hoped there would be a guide to enable consistent experience across applications.
Application bar with search button: https://skydrive.live.com/redir?resid=1EBF644EEFCAD766!25155&authkey=!AB2pGcqFd9jo4JE
Overlay: https://skydrive.live.com/redir?resid=1EBF644EEFCAD766!25156&authkey=!ALmHpcgyqYyvBfU
There is no official control that does that for you. In my applications I do the following for covering this scenario:
1 - Add search button to application bar
2 - When button is clicked, navigate to a new page (eg. SearchPage.xaml):
NavigationService.Navigate(new Uri("/SearchPage.xaml", UriKind.Relative));
3 - Set focus to the search box in the Loaded event on that page to open the keyboard (doing it in OnNavigatedTo for example will not work):
mySearchTextbox.Focus();
4 - Use the Silverlight Toolkit for Windows Phone to add transitions from/to the page. I use the following animations, which creates a very similair animation style to the built in search pages:
<toolkit:TransitionService.NavigationInTransition>
<toolkit:NavigationInTransition>
<toolkit:NavigationInTransition.Forward>
<toolkit:SlideTransition Mode="SlideUpFadeIn" />
</toolkit:NavigationInTransition.Forward>
<toolkit:NavigationInTransition.Backward>
<toolkit:SlideTransition Mode="SlideUpFadeIn" />
</toolkit:NavigationInTransition.Backward>
</toolkit:NavigationInTransition>
</toolkit:TransitionService.NavigationInTransition>
<toolkit:TransitionService.NavigationOutTransition>
<toolkit:NavigationOutTransition>
<toolkit:NavigationOutTransition.Backward>
<toolkit:SlideTransition Mode="SlideDownFadeOut" />
</toolkit:NavigationOutTransition.Backward>
<toolkit:NavigationOutTransition.Forward>
<toolkit:SlideTransition Mode="SlideDownFadeOut" />
</toolkit:NavigationOutTransition.Forward>
</toolkit:NavigationOutTransition>
</toolkit:TransitionService.NavigationOutTransition>
I have a twitter bootstrap drop-down menu with AJAX links(i.e links with data-remote="true"). When I click on a link, the menu remains open until the AJAX call is complete. Is there a way to collapse the menu as soon as a user clicks on a link?
Here is a jsFiddle sample to demonstrate the problem. (Please overlook the fact that I am freezing the thread in the sample code. I wanted to simulate scenario with few lines of code.)
Note: I am using Twitter bootstrap v 2.2.2.
I had a similar problem with a single-page site I was building recently. You can close the nav on click of its links with the following:
$('.nav a').click(function () {
$(".nav-collapse").collapse("hide")
});
More info can be found in the Bootstrap docs, see the Method section.
Use this to exclude the dropdown toggle
$(".nav a[class!='dropdown-toggle']").click(function () {
$(".navbar-collapse").collapse("hide")
}):
in my Windows 8 (Modern UI) App, i want to add a GroupedItemsPage. When I add it as my
main Page, everything Shows up, and the sample data of the template is displayed.
But when i want to add it as an additional page, that i navigate to through my MainPage,
the Content is not displayed. I only see the Title but now Elements at all.
Can anyone help me with this?
Can you provide some sample code? You might have mixed something up with the Databinding or the navigation.
I am using asp:FileUpload in ajaxToolkit:AccordionPane but it always shows HasFile=false.
I am not using any update panel. The structure of the page is as below.
MAster page-->Master page-->.aspx page-->User control-->User control-->AccordionPane-->File upload control.
I have also set Page.Form.Attributes.Add("enctype", "multipart/form-data"). still it shows HAsFile=false.
How can I upload image file?
Till now there is one solution in my view... having another small page with only fileupload controll and call it as popup on button click - and place the button inside accordion pane.
its just a way-around... still looking for proper solution....