Using the Vaadin Flow Tabs component, is there a possibility to prevent the tab selection change event? I have a tab that should ask for saving unsaved changes when navigating to other tabs before really navigating.
Related
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.
I have a UIWebView that imports a single page web app (ex. AngularJS app). When I navigate inside the webview, I want to make the user feel as if he's navigating inside a native app. To do this, I need to be able to programmatically change the navigation bar (title and the back button) and imitate page transition inside the app. The page transition can be done by using ionic, which uses hardware acceleration along with velocity.js but I am not sure if animating the fade in and sliding effect of navigation title would be easy enough.
Is there a way to programatically animate the navigation bar, as if you're moving away to a different view?
I am using jquery UI tabs in my layout.
Is there any way to set some delay() in hiding the previous tab when I click on next tab?
It could be very simple but got stuck here .. :(
Regards,
Era
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.
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.