Foundation Modal Showing Background - modal-dialog

Using Zurb Foundation and have several full-screen modals. Works great on desktop, but they are not taking up full screen on mobile. Shows the top bar behind modal and pushes it down. Can be seen when one clicks any of the "more" buttons here.
I've seen this issue on other forums. Any ideas?
Edit: I have added screen shots from my site as well as the foundation documentation page, both showing the same problem. One can interact with the background in a full-screen modal.
Screenshot after clicking menu icon in background
Screenshot showing same problem on Zurb Foundation doc page
Screenshot showing same issue on iPad

Related

How do I set up a Navigation Link in SwiftUI on iPad so the buttons to navigate aren't in a sidebar?

I'm working on an app that I would like to have the following navigation structure:
I want to have a welcome view with "Sign up" and "Sign in" buttons as most of apps have:
First Page
I would like it to be such that this view doesn't have any navigation view bar at the top but the two buttons will navigate to the appropriate page e.g. the sign in page will ask for just login info, sign up page with ask the user for data.
Sign In Page
This however, while seemingly simple has been very confusing to achieve in SwiftUI when it comes to the iPad. When I try to use the Navigation Link it doesn't work as the links are stuck in a side bar that is hidden. I can't seem to find any solutions that work online as nearly everything is for the iPhone. Can anyone advise how to stop the links being placed in a sidebar on iPad?
Thanks a lot

Ionic Vue - Master Detail View

I'm developing an app for PC, tab and mobile, which consists in a list of items. Each item has a detail page. The idea is to display each item's detail page when the user clicks on that specific item, but with different behaviour depending on the device. In PC/tablet, the detail view will be displayed on the right side of the list, and in mobile the detail page will be opened in a new page. You can see the idea in this image:
The image was made by Martin Pritchard, who wrote this Medium post some years ago about how to solve the same problem I'm facing now. He used IonSplitPane in Ionic 3 with Angular. I'm afraid I can't use this approach, or at least I'm not able to replicate it with Vue.
I've tried IonSplitPane alongside with IonMenu, but the behaviour is not the expected, because I don't need a 'hamburguer' menu that collapses in mobile view. Besides, I've tried with IonSplitPane only and I'm not able to put the collapsible side at the end (as it should be the detail view which hides in mobile, and not the left (master) pane). I'm not even sure this could be a solution, as I need that in mobile the detail page displays in a new view.
Has anyone faced this problem and could help me?
Thank you very much in advance.

Aviary IOS strange behavior - adding some toolbar or view which shifts other views (Dynamically framed view) layout top

I have integrated Aviary SDK for IPhone app properly and works fine. Only design issue I am facing is as described below -
When the PhotoEditor is opened for the first time it adds some toolbar strip / view to other views when I navigate to them. If I navigate to other views before the editor is opened for first time them all the views displayed correct.
Before opening Aviary PhotoEditor - NO white bar at bottom
After opening Aviary PhotoEditor - There is white bar at bottom
Did anybody got this issue or have any idea about this??
If you are using the iOS 6 SDK, then you must include the following line in your editor's customization code:
[AFPhotoEditorCustomization setUsingIOS6SDK:YES];

Blackberry facebook Dropdown Menu

I was finding around the website but i cannot get the source. The menu was semi-transparent which got news feed, profile and etc.
I need the sample that creating something like transparent screen on top of current screen. Someone can link me to there?
I think the following links would helps u a lot...
Transparent Popup screen in Blackberry
Transparent screen...again!?
Creating a transparent screen
How to set popup screen transparent...?
want to get the home screen api called

Needed help in UINavigationController in iPhone

I am learning iPhone since i am new bee and wanted to implement something like the following please guide me:
Actually what i want is that i have a navigation controller with 3 screen
1st Screen: Having a button to got Next Screen
2nd Screen: Having some images and Button to upload them onto some web portal and a button to go to next screen
3rd Screen: Having a label Only
Now when i am on 2nd screen i press on Upload Button to upload it onto my web portal it takes about 5-6 minutes depending upon the size of the data. So i want to achieve that i would display a little progress bar on the UINavigation bar and a label which shows me that this much files sent and this much left and i can also goto the next or previous screen using the back button and UIButton on 2nd screen and it keeps on showing me the uploading label and progress bar onto the navigation bar. So please guide me friends how can i achieve this. I have implemented everything regarding uploading and label updating for this much files left and this much files done but what i am not getting is how to add label and progress bar on NAvigation BAr and update it on other screens as well. please guide me. i will be very thankful to you.
I am waiting for some positive responses. Guide me through some code and guidelines and tutorials. i am new bee in iPHone
See ASIHttpRequest library it has some code which you want.