Skip to main content

Webview and Token layout

⭐️Help to add a Webview page into your native app. And after logging into the App, the user can access the Webview Page without re-login.

⭐️Supports adding a webview page on some parts of app:

  • Settings screen
  • Side menu
  • TabBar

⭐️You also can use Javascript to hide some webview UI on the app, for example:

"document.getElementsByClassName('bfRBjb styled__FacebookButton-sc-avge87-3 tKbKi')[0].style.display='none'; \ndocument.getElementsByClassName('bfRBjb styled__GoogleButton-sc-avge87-2 iIEsbu')[0].style.display='none'",

Webview page for TabBar​

  1. Open your app
  2. On the left hand side, go to Design
  3. On the right hand side, go to TabBar Menu Items, click ADD NEW
  4. Click on new screen
  5. On the right hand side, select Page option of DESIGN LAYOUT
  6. Input website URL into WEBSITE
  7. Enable WEBVIEW MODE and REQUIRED LOGIN
  8. Add SCRIPT to hide some webview UI (if any)
  9. Click UPDATE and Save

Webview page on Settings screen:​

  1. Open your app
  2. On the left hand side, go to Profile tab
  3. On the right hand side, scroll to GENERAL SETTING, click ADD NEW
  4. Select OPTION web → input URL
  5. Enable WEBVIEW MODE and REQUIRED LOGIN
  6. Add SCRIPT to hide some webview UI (if any)
  7. Click ADD and Save

Webview page on Side Menu screen:​

  1. Open your app
  2. On the left hand side, go to Side Menu
  3. On the right hand side, scroll to General Items, click ADD NEW
  4. Select OPTION web → input URL
  5. Enable WEBVIEW MODE and REQUIRED LOGIN
  6. Add SCRIPT to hide some webview UI (if any)
  7. Click ADD and Save