I am using core-scaffold, and in general it works nicely (mainly). When I drag the window smaller (desktop), the drawer hides and the hamburger menu button appears and is functional. However, when I select an item in the menu/drawer, the drawer does not retract. Viewing my webpage on a phone is not satisfactory. But it does update the content correctly.
Is there some CSS that I should add?
I have tried importing core-animation, core-transition-pages which make no difference. A bit naive I think!
It can be seen on my (draft) webpage acsumama.com
thanks
Steve
I have tried the website that you reference acsumama.com, and adding the following onclick event in the menu link works
hope it helps.
Related
Well the title is self explanatory, check this out; http://testing.mkitra.com/4.2/
in the nav bar, the third link is a dropdown which has a submenu. On PC it works fine, it opens when the mouse hovers over it. Now try it on mobile environment. When you click it, the dropdown just closes, you need a prolonged tap to open the submenu. WHY?? Any recommendations?
Thanks guys
This doesn't work because in class dropdown of bootstrap it uses :hover. You should change it to use jquery hide&show and use jquery-mobile for making dropdown in mobile when clicked.
View link here
Hope this will help!
I copy / pasted the example from http://getbootstrap.com/components/#navbar into this URL:
http://www.frostjedi.com/terra/scripts/demo/bootstrap-nav.html
...and it's not working as I'd expect.
So if you shrink the browser width past a certain point the horizontal menu gets replaced with a button that, if clicked on, shows a vertical menu. At least that's my understanding of how it's supposed to work. But in the above example that is not how it works. The button appears but nothing happens when I click on it.
Any ideas?
Have a look to the browser console (i.e. Firebug): you'll find there an exception
Error: Bootstrap's JavaScript requires jQuery
I'm migrated from iOS dev to WIndows Phone dev and I have stumbled upon a problem.
I need to implement a side menu, that looks like the one in facebook app in ios. It shpuld slide from left to right. It should contain about 10 buttons (ListView). Presign the button should cause chaning the view (navigate to other xaml file)
Because of the huge difference between Windows Phone controls and iOS controls I want to ask an advice on how to better implement such menu. I've heard about aproach using Panorama. But would it look pretty?
I mean I'll have 10 different XAML files with different content. In each of them I'd have to add Panorama control and add the menu. And when I navigate to other XAML would it look nice? because it would close menu without any animation.
So please tell me what is the better approach in impelementing what I want? And how to navigate properly between all the XAMLs without loosing the animation of the menu. And of course how to avoid duplicating code in all the XAMLs? I guess XAML files could not be inherited. And of course I need it to support both WIndows Phone 8 and 8.1.
Thank you very much for you attension!
Here this a blog that will help you implement side menu like Facebook app. Link Hope this helps.
I just implemented something similar in my Dictionary app (http://www.windowsphone.com/s?appId=9f31b733-8c7b-e011-986b-78e7d1fa76f8). You will see that when you click the favorite or history icons on the top, it slides in a panel from the right. I implemented this by adding another Grid to the page whose left margin is set to the width of the page so that it basically sits to the right of the page, out of user's view. When the user taps one of the icons on top, I run a DoubleAnimation with a StoryBoard which does TranslateTransform on the X coordinate of the Grid and runs the StoryBoard for a duration of 3.5 seconds to give the user the perception of slide-in animation.
As far as having the same slide-in menu on each of the pages go, you have 2 options:
(a) Create the sliding panel as a user control and add it to each of the pages and on click of an item inside the panel, go to the second xaml page with the slide-in menu open and start the transition to hide it, or
(b) Create multiple grids within the same xaml page and simply hide/display the right one at the right time.
I believe you are speaking about the popular hamburger menu.
You can very well use the SlideView library. Here is the link,
https://slideview.codeplex.com/
The SlideView, a control allowing to slide between panels (2 or many more)
The SlideApplicationFrame, a control to use at top app level and packaged to display 3 panels with navigation occuring in the middle panel
The AutoHideBar, a control which is displayed when scrolling up in a list, and hidden when scrolling down
I create the Application Bar with 4 icon Buttons and 3 normal menus. It's working fine.
But i don't want, the circle around the icon button. How can i remove that.
And another one question is how to see the icon button text in normally. That means i click the more icon that time icon button visible. But i want no using more button and want to see the icon button text. It's Possible.
Please Help Me.Thanks In Advance.
you cannot remove the circle, neither you can "expand" the application bar so you can see the labels of each button. It is simply against the Windows Phone UI.
But as it is .NET, you can easily create your own buttons bar at the bottom of your page. Of course, it might be difficult to implement the UI logic for you menu items so they behave like the native application bar does (you could consider using the build-in application bar for you menu items and set its mode to "Minimized").
But: why would you do all this? In my opinion, apps should follow all UI guidelines and should all look the same (especially when compared to native apps) ;-)
Greetings
I am currently working on a web application. I have a menu bar that moves when someone clicks on arrow. With every click a new menu option is activated.
Now, I would like to give the user the option to slide over the menu bar/screen to navigate on a touch interface.
Any idea how I would do that ?
Thanks
Well I don't think you'll be able to do it using just HTML, but if you're comfortable with jQuery take a look at this:
http://plugins.jquery.com/project/swipe
This plugin enables you to bind events to gestures, but I believe it only works on iPhone and iPad.