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 
Related Components
Infosistema DMM
Infosistema Solutions
Infosistema Data Migration Manager (DMM) - With DMM you reduce costs by saving hundreds of hours building custom scripts, increase quality and allow unprecedented flexibility in managing your data. DMM enables data migration across OutSystems environments or servers (v9 or v10) using a simple user interface without the need of building custom scripts. It also supports features like data anonymization and data scramble, essential to comply with GDPR.
Hélio Dolores
Mobile and Inline Chat for OutSystems' Applications (uses node.js)
Sérgio Oliveira
Survey, as the name implies, is an application to create and manage Surveys, which can be answered by a specified group of users or by everyone who access the application, including anonymous users.
More from Viraj Kataria
Rapid Strings
Customize & JS Strings Manipulation Function Other then Outsystems for Easy to implement and makes coding more lowcode
Android iOS Shared User Preferences
An interface to the user’s defaults database, where you store key-value pairs persistently across launches of your app. - Supports both Android [ Shared Preferences ] & iOS [ User Preferences ]
iRoot - Android iOS Jailbreak/Root Detection
Cordova Jailbreak/Root Detection