When a jQuery UI modal dialog is displayed everything under the modal window is grayed out - I assume that a partially transparent div covering the entire area of the window is used for this purpose.
In the app that I am creating the window has two main areas - the work area and a status bar at the bottom which I use, amongst other things,to show error messages. The problem I have run into is this - if I display error messages from server side interactions initiated by the modal dialog they appear "dull". Is there some way I could keep the semi transparent modal dialog overlay from covering the status bar at the bottom of the window so this does not happen?
I'd much appreciate any help.
The modal dialog creates a div.ui-widget-overlay that is set with high z-index. You simply have to set the z-index of your status bar to more, depending on how you initially create the dialogs.
Related
The game is in landscape mode and at the bottom of the screen are some ui buttons, for this reason I would need to hide iPhone home bar and use deferred edges.
Using "Hide home button on iPhone X" correctly hides the button, but any single tap will show the bar and single swipe will close the game. Not good.
Using deferred system gestures only, behavior is correct, it takes two swipes to close the game. The problem is that the home bar is always visible, its greyed out, but always visible. Gets highlighted on a first swipe, closes game on the second. Thats good, but cant have visible home bar all the time, its right on top of the buttons. Not good.
Used deferred edges and Hide home button option is acting like 1), ie deferred edges are ignored for some reason. Not good.
Question: Is there some way to have home bar hidden and appear only on a swipe and on second swipe closes game. Ie functionality like 2) but the bar is hidden instead of greyed out?
In player settings under Resolution and Presentation you could check Render over native ui
This option will force unity to display app contents over the native ui, however then you need to setup a custom way to close your application.
I have an app that uses a SFSafariViewController. The user clicks on a button and a webview appears inside the app presenting the contents of the site. I'm using XCUITest framework to test the UI.
I notice that when the webview appears, the navigation bar and the bottom tool bar seem to always have the same UI elements.
Navigation Bar UI Elements (going from left to right):
"Done" Button
URL link
Reload button
Bottom Tool Bar UI Elements (going from left to right):
Back arrow button
Forward arrow button
Share button
Open In Safari button
From a UI test standpoint, can I assume that these UI elements will always be present as default for a SFSafari VC?
You can see the full configuration available for SFSafariViewController here: https://developer.apple.com/documentation/safariservices/sfsafariviewcontroller/dismissbuttonstyle. From what I can see, here's what can be configured out of the box:
The "done" button on the top left can be changed to look differently (Done, Close and Cancel are the options): https://developer.apple.com/documentation/safariservices/sfsafariviewcontroller/dismissbuttonstyle
You can make the top nav bar "collapsable" with the barCollapsingEnabled property. https://developer.apple.com/documentation/safariservices/sfsafariviewcontroller/configuration/2887469-barcollapsingenabled
You can change the preferred tint colors of the bar and the controls (buttons).
Other than that, SFSafariViewController has few options available for customization.
So the answer to your question is: No, you can't assume these elements will always be present. However, in most scenarios they will be. In general, I wouldn't assume anything anyway, because Apple could always change it in future iOS versions.
My question is too long, I am sorry for that.
I added a SplitView component to my Delphi app. When the hamburger menu button is clicked, the splitview is opened.
But I want to overlay grayish transparent layer onto another components (panel, button etc.)
When the grayish layer is clicked, the splitview menu will be closed and another components will be accessible to the user.
I want to like this:
I could not do this myself; because TGraphic derived controls like TImage can not be front of the panel and buttons.
What should I do?
In my react-navigation driven app, I use a modal view to display some views. Inside this modal view controller, I also use react-native-image-picker to show a image picker. The problem: When the second modal dialog is shown while the "in call" status bar is also displayed, the navigation bar position of the first modal dialog will be under the in call status bar. Here is an example (I toggle the "in call" mode in the iOS simulator using ⌘ + Y):
I tried to call forceUpdate in a very first component that contains all the screens when the height of the status bar changes but this does not fix the issue. Is there a better (or even known?) way to get rid of this?
It seems like you are actually hitting this RN bug or similar: https://github.com/facebook/react-native/issues/972
The "solution" will be hacky like you said but this seems like the normal thing for RN apps.
How can I display a Dashcode created Browser template in a UIWebView, that the user can dismiss, without having two navigation bars? In the photo below, you'll see that the top bar is part of an Xcode navigation controller with a back button for the purpose of letting the user leave the web view. The lower bar is for the Dashcode created stack and pop of the content hierarchy that the user navigates.
As far as I know, you can't put a button in a web page, Dashcode or otherwise, that will dismiss a cocoa app view controller. If I hide the Xcode navbar, the user can't get rid of the web view when they're done. I can't hide the Dashcode navbar or the user can't navigate the content.
As some background, what I'm trying to accomplish is in-app documentation that I host on the web. Similar to how the Apple iPhone Cards app does with its Help view. This would allow me to update the documentation via my web page, without needing to update the app itself.
The answer appears to be floating a Done button in a transparent view that floats over the top of the web view. Thereby giving the effect that the Done button (from Xcode IB) is part of the NavBar from Dashcode Browser template.