HTML content can be integrated into three different ways:

  • Embedding HTML Online (web view)
    Direct integration of a website, e.g. the website https://www.sprylab.comThis type of integration does not work if the tablet or smartphone does not have internet access.
  • Embedding HTML Offline
    Integrating HTML file that contains all the necessary data for display. Advertisements, graphs, or even HTML animations are often integrated in this manner
  • Embedding HTML via Shared Assets
     If you wish to use HTML assets in multiple areas, eg a note function that wants to be integrated into every page, then it is recommended that you use the shared assets function. As a result, only one copy of the HTML data is in the project and does not unnecessarily enlarge the project
  • HTTP(s) links can be used in various places in Purple DS, both on pages that include web views and as an event for buttons, etc. In addition, action URLs can be used to open links in the external browser outside the app to provide a fully functional browser including bookmarks, sharing, reading lists, history, etc.


Assets which use HTML links
Possible targets for links
URL sample
WEB VIEWS
  • INLINE = Link opens in the same web view that contains the link. The size of the window (= web view) is fixed. You can scroll content within the web view.
    This is particularly suitable for responsive content. In addition, no other content on a page will be covered by a web view.
Plain a href="" 
without target or data-target attributes
Sample: <a href=“http://www.sprylab.com>
  • IN-APP BROWSER = A browser opens within the app. The browser has basic controls with Forward, Back and Page reload, close window.

target="_blank" attribute
Sample:
<a href=“http://www.sprylab.com target=“_blank”>
  • EXTERNAL SYSTEM BROWSER = A browser installed on the mobile device is opened outside the app, e.g. Safari or Chrome.
    All features of a browser such as bookmarks, sharing, reading lists, history, etc. are available.
target="_blank" and data-target="external" attributes
Sample:
<a href=“http://www.sprylab.com target=“_blank” data-target=“external”>
PURPLE ELEMENTS
  • INLINE ist nicht möglich, da ein Purple Element wie bspw. ein Button oder Link kein Fenster hat, das den Link-Inhalt anzeigen könnte.
./.
  • IN-APP BROWSER = A browser opens within the app. The browser has basic controls with Forward, Back and Page reload, close window.
target="_blank" attribute
Sample:
http://www.sprylab.com target=_blank
In the composer a link for the "Open Web URL" event is entered and is opened in the InApp browser by ticking "Open as overlay".
  • EXTERNAL SYSTEM BROWSER = A browser installed on the mobile device is opened outside the app, e.g. Safari or Chrome.
    All features of a browser such as bookmarks, sharing, reading lists, history, etc. are available.
purple://app/open/external/url/URLEncodedURL
Sample: purple://app/open/external/url/
https%3A%2F%2Fsprylab.com

NOTE: First the target URL has to be URL encoded, e.g. with https://www.url-encode-decode.com/.
On iOS the system (default) browser will open, e.g. Safari.
On Android, an instance of the system browser (e.g. Chrome) is opened within the app. This browser contains all browser features such as bookmarks, sharing, reading lists, history etc. and can open the content in an external window of the browser via the extended menu (3 dots).