Sample Safari View And Custom Chrome Tab

Stable Version 1.0.0 (OutSystems 11)
Published on 13 Feb by 
Created on 13 Feb
This Component uses SafariViewController on iOS and CustomeChromeTabs view on Android.
Read More

Supported platforms

  • Android
  • iOS


  • isAvailable : isAvailable(callback)
  • Show : It accepts an options object and a success and fail callbacks. show({options}, successCallback, failCallback)
  • iOS Options :
  1. url - String (required)
  2. enterReaderModeIfAvailable - Boolean (default false)
  3. hidden - Boolean (default false), you can use this to load cookies etc in the background.
  4. animated - Boolean (default true), note that 'hide' will reuse this preference (the 'Done' button will always animate though)
  5. transition - String,  (this only works in iOS 9.1/9.2 and lower) unless animated is false you can choose from: curl, flip, fade, slide (default)
  6. tintColor - String, ("#00ffff", default is ios blue)
  7. barColor - String, ("#0000ff", on iOS 10+ you can change the background color as well)
  8. controlTintColor - String, ("#ffffff", on iOS 10+ you can override the default tintColor)
  • Android Options :
  1. url - String (required)
  2. showDefaultShareMenuItem - Boolean (default false)
  3. toolbarColor - String, ("#0000ff", you can change the tool bar color as well)
  4. animated - Boolean (default true)
  5. transition: String, (default: "slide" (it's also the only animation available at the moment) The browser window will slide in from the right.
  • successCallback : Called once when the tab is loaded and once when it is closed. an object with one property: event that describes what happened is supplied (equals to either 'opened' or 'loaded' or 'closed').
  • failCallback : Return boolean status 'false' and message.

Only for Android

  • connectToService - connectToService(successCallback, failCallback) - Connect to the Chrome's custom tabs service. you must call this method before calling any of the other methods listed below.
  • warmUp - warmUp(successCallback, failCallback) - Call this method whenever there's a chance the user will open an external url.
  • mayLaunchUrl - mayLaunchUrl(url, success, fail) - for even better performance optimization, call this method if there's more than a 50% chance the user will open a certain URL.
Reviews (0)
Applications, Samples & How-tos
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Viraj Kataria who created this component.
See all 3 dependencies
Component Consumers
No consumers yet.
Weekly Downloads