Offline HTML: Difference between revisions
No edit summary |
|||
| Line 1: | Line 1: | ||
[[Woodford]] allows to configure a great wealth of features in Resco mobile CRM apps. All this can be performed without coding. However, some advanced features simply cannot be accomplished without some code. This is where offline HTML can be used. | [[Woodford]] allows to configure a great wealth of features in Resco mobile CRM apps. All this can be performed without coding. However, some advanced features simply cannot be accomplished without some code. This is where offline HTML can be used. | ||
Offline HTML is a flexible way to extend Resco mobile apps. You can add specially crafted HTML pages to your mobile project and these can be used for online and offline. When we say HTML pages, this is not restricted to .html files! You can also include JavaScript files, cascading style sheets, images, etc. | Offline HTML is a flexible way to extend Resco mobile apps. You can add specially crafted HTML pages to your mobile project and these can be used for online and offline. When we say HTML pages, this is not restricted to .html files! You can also include JavaScript files, cascading style sheets, images, custom fonts, etc. | ||
The most common use cases include: | The most common use cases include: | ||
Revision as of 11:56, 25 July 2019
Woodford allows to configure a great wealth of features in Resco mobile CRM apps. All this can be performed without coding. However, some advanced features simply cannot be accomplished without some code. This is where offline HTML can be used.
Offline HTML is a flexible way to extend Resco mobile apps. You can add specially crafted HTML pages to your mobile project and these can be used for online and offline. When we say HTML pages, this is not restricted to .html files! You can also include JavaScript files, cascading style sheets, images, custom fonts, etc.
The most common use cases include:
- Extending the user interface of mobile CRM apps
- Adding business logic or complex form validation
- Replacing the app's UI completely
Inline frame
The HTML pages are displayed directly in the application, in inline frames. An inline frame, or IFrame, is a dedicated window of the standard web browser available on your device:
- iOS - Safari
- Android - Chrome
- Windows - Edge or Internet Explorer
The inline frame can be placed:
- as a tab on a Form
- as an item on the Home screen
- as a Home screen replacement
- complete replacement of the app's user interface
Managing offline HTML content
Using Woodford, edit an app project, then select Offline HTML from the Project menu.
Here you can upload or create new files, edit existing files, create folders, etc. All uploaded content will be available for use in the app.
The screen for managing files can be accessed also from IFrame configuration for various UI components, for example while editing the Home screen, click Add IFrame and then click Manage.
Resco JavaScript Bridge
Resco JavaScript Bridge, or JSBridge.js, is a component provided by Resco that allows the scripts in the HTML frame to interact with Resco mobile apps. You can interact with
- user interface layer: access the forms, perform validation, etc.
- data layer: access entities and records, create / modify records, query data
- miscellaneous: access application, its configuration, write files, modify metadata
You have to include JSBridge.js in your HTML.
The latest version is available on GitHub: https://github.com/Resconet/JSBridge