I have xamarin forms application on phone. And I try to support on ipad tablet view now. I have MasterDetailPage and I want to use masterdetail as SplitOnPortrait on ipad/tablet devices.
When I use SplitOnPortrait, Master menu takes up a lot of space. It is like following image:
So I wanted to change master detail menu width and I found this solution:
Editing and using the Xamarin.Forms source code
https://github.com/lt0526/MasterDetailRendererDemo
It works very good. But when I use SplitOnPortrait, It slides page to right on ios/ipad like following image:
So I can't see right side on my page. I can do it on Android. But I didn't do on ios. Android is like following image:
I want to make same view on iOS. Is there a way to both not slide the page and reduce the width of the master detail menu on ios?
Related
I am developing a react-native app. I'm trying to make a UI element similar to the one on Maps in iOS, in which you can slide a panel from the bottom.
The behavior of the list is quite complicated as:
You can't scroll down the list until the panel is fully open.
Trying to scroll it down makes the panel go up, and then if you continue the sliding movement on the screen the list starts scrolling.
And of course:
You can't slide the panel down until the list is at the beginning.
If you try to slide the panel down and the list isn't fully scrolled up, you end up scrolling the list to the beginning and then pulling the panel down.
The list scrolling up or down and the panel moving up or down has to be made in one movement. The user doesn't have to pull his finger out of the screen to make the second action. This is the actual hard part. Furthermore, it has to work on iOS and Android.
An example GIF of the iOS panel and the expected behavior.
The perfect module would be something like this, but the list is still scrollable even when it has reached the top: https://github.com/donaldmorton/react-native-bottom-drawer
I tried with this module without success:
https://github.com/simonhoss/react-native-touch-through-view
Something like that in react-native would be perfect:
How can I mimic the bottom sheet from the Maps app?
I already checked this post:
React Native slide out panel and scrollview
Any kind of help is welcomed, thank you!
You can see https://github.com/osdnk/react-native-reanimated-bottom-sheet.
It built from scratch with react-native-gesture-handler and react-native-reanimated
We are testing how our app, which contains an UIWebView, copes with the new Split View functionality for iPads. And doing so we have run into trouble with select fields.
When the user taps a select field, a popover with the available options appears. However, when the app is resized (by pulling the divider of the split view to the left or right), we see a blank screen or a select list that takes up all of the available space and which cannot be dismissed.
Any ideas?
It seems like the best solution for now would be to dismiss the popover as soon as the resize event is fired. Hopefully, Safari will soon be updated to dismiss popovers automatically, when web views are resized.
In the meantime, you can hook up a resize handler to the window:
window.addEventListener("resize", resizeHandler);
function resizeHandler() {
safari.self.hide();
}
This appears to be a bug in the popover in Safari. When I go through similar steps, the layout of the web page changes to fit the new dimensions. However, the popover is not re-positioned with the select field. The result is that it is detached from the field that presented it.
Following these steps, I was able reproduce your issue, but to a lesser extent than what you described:
With the split bar to the right of the iPad, tap on the select box.
Move the split bar to the center of the iPad.
The popover is no longer attached the to the select field.
Here's a screen shot of the detached popover:
Here's the original select field position:
The problem still exists with iOS 9.2.1 and iOS 9.3 beta 2.
You can reproduce it with every third-party browser.
An HTML Select input on iPad is not working in Slide Over or Split View 1/3 width.
https://forums.developer.apple.com/thread/23300
Currently there is no workaround possible,
expect not to use HTML select.
I have descriped details on the following side.
https://medium.com/#chemm/select-inputs-on-ipad-breaking-third-party-browsers-in-slide-over-or-split-view-1-3-952b796d70ad#.shytp1ywi
I created a mobile version of my website, testing along the way on my Nexus 5. After testing on iOS 7 (on an iPhone4 and iPhone5S), seems like scrolling on the side menu is broken.
Here's a live demo (no links work, and you'll see a huge CSS & JS file, since it's for the whole app): http://www.altertecnia.com/menu/
Click on the top left icon, and the menu is displayed. Now, on desktop and Android, I can scroll the whole page (including the menu) just fine, and click on the right side of the menu to close it. But on iOS7, when I try to do that, only the background (content of the page) scrolls, not the menu.
Any ideas what could be causing this?
I'm new to iOS developing and want to know how to make a menu (btn1,btn2,...) on which when you click on it to be taken to a list of documents (example1,example2,...) and when you on them to display a preview of the document, and the option to view it in iBooks or Pages.
Like the image below.
Thank you :)
http://i.stack.imgur.com/wEli4.png
You can make a UITableView to display various options. On selection of an option you can show them a UISplitViewController with left being a list and right side being a preview. Note that you cannot push a UISplitViewController but just add it as subview.
I have a requirement to create a ipad app that supports tab to view content. I have created a custom splitview controller, whenever user goes to a particular section in the left section, the contents related to that will be displayed in the content view(right view). If a user selects a particular link in that content view it should open a tab and display the contents of that link in that new view. Similar to Web Browser tabs i need to handle tabs in this app. Please suggest any available open source component or any ideas to implement tabbing inside a ipad app.
You can use Three20 for your tab purpose. Also there are many open Source components available. You just need to search in google.