My website home page uses parallax. I have a button in my home page which opens a modal when clicked. The problem is if I scroll over the modal to see overflown modal body content, the background i.e html body starts scrolling. Clicking or hovering over the modal doesn't make any difference. But when I disable parallax modal works perfectly.
How can I achieve default modal functionality thereby keeping parallax feature also ?
Related
I'm navigating to a details screen from chat messages screen. The chat message screen contains custom keyboard which will be presented when chat messages screen is opened. On navigating the screen from chat to details screen everything works fine. When I try to navigate to previous screen(chat screen) using interactivePopGestureRecognizer, keyboard appears on top before the current navigation completes. How to fix this?
I tried by hiding the custom keyboard by hiding based on gesture progress, didn't worked.
I am trying to implement a modal for my application. I am using ng2-bootstrap of valor-software. Whenever the modal shows, it hides the scroll bar of the webpage and the backdrop takes the whole browser area. Due to it, the content shown in the background shifts to the right. And when i close the modal the scroll bar appears and the content shifts to its original place. I do not want my content to move right and left whenever i open the modal. Is this a bug or is there a way to make it so that the scroll bar does not get hidden when the modal opens? Please kindly point me in the right direction.
I have a UIWebView controller that loads a web page and I would like to add some kind of a bar at the top of the page with refresh and close buttons.
The bar should hide when the page loaded and should show again if the user taps the top part of the page.
Does anyone know how to approach it? Is there any simple way to do that?
UPDATE:
I think I wasn't clear enough with the question, so here are some clarifications:
1. The applications is a standard application that one of the flows opens UIWebView that loads a web page
2. What I'm looking for is a bar that will slide down on top of the web page (loaded in UIWebView) and should help the user overcome a scenario where the web page is not loaded for some reason
3. The bar should hold the back (just close the UIWebView) and refresh (reload UIWebView) operations.
Hope it helped.
Thanks,
Shimix
I'm working on something like this right now and so far, here's what I've come up with. Some of this may be obvious, but important:
Your address bar should be the left navigationItem.
The search bar is the rign navigationItem.
You should animate a cancel button in/out when beginning/ending editing in the URL box.
Safari Mobile uses the Prompt property of the navigationBar to display webpage titles.
To animate the widths of the search/URL bars, use UIView animation when the bar is selected.
It's pretty simple to add a UIToolbar above the webview with UIBarButtonItems that call the webview's refresh, back, and forward methods. You can also add the webviewdelegate methods to your view controller to detect when the page has finished loading and hide/show the toolbar that way.
If you want the refresh and navigation controls to be displayed as part of the html content of the webview itself, that's a littler tricker, but not impossible. You can use the webview's shouldLoadRequest delegate method to detect that those buttons have been tapped, and then take the appropriate action within your viewcontroller. Hiding and showing the nav bar would have to be handled in javascript.
Unless I'm missing a library/project doing this, I don't think there is a simple way to do this.
I have already coded something similar to Safari mobile address bar, and from memory, it involved using private apis and/or playing with the "not so private but use at your own risks" UIWebView subviews hierarchy...
When I push a view controller it animates properly and slides in, the only problem is that no 'Back' button is rendered up top.The back button is still there, I can still tap it, it just doesn't render on the screen.
This behavior is identical in both the simulator and on multiple devices.
Is this a known issue or bug? Using 3.1.3 of the iPhone SDK.
More information:
It renders it for further levels, just not on the second level of nav controller.
So Main Page (No back button - OK). Second level page (back button, but doesn't render - not OK). Third level page (Back button there and rendering - OK).
You won't have a back button if the previous view has no title.
Are you adding a second UINavigationController? (presumably by accident). If you have 2 nav controllers they will render the nav bar on top of each other, which could lead to what you are seeing.
M developing an application which starts with a login page.
After loggin the user will see a tableview.Selecting a row he will be directed to a web view showing a HTML content.
Till here everything went fine.Now i want to see the webview in a landscape
mode.I have dismissed the login view.The project template is view based.
Okay one more thing the table view is on the root view controller,after dismissing the login page when I rotate the simulator the webview rotates but it does not resizes.
Upper half of the screen is the webview but the lower half(in landscape mode) is the login page.
How can get rid of this ?
ThankYou All .
You need to make sure the autoresizingMask is set properly for things that are not resizing. This is easiest in IB where you can set a view to resize both vertically and horizontally.