Modules > Examples of ELMA365 integration modules / Integration with Google Docs using <iframe>

Integration with Google Docs using <iframe>

Integration with Google Docs allows several users to work with a document at the same time while still having access to standard ELMA365 features like sending documents for review or approval.

Linking a Google Docs document with an ELMA365 app item allows you to see all the necessary data (for example, information about the order or the client) and edit or view the content of the document on the same page.

This article describes how to configure integration with Google Docs using <iframe>.

  1. Create an app in ELMA365.

google-docs-integration-1

  1. Add a Link type field (code link) and switch to the advanced mode.

google-docs-integration-2

  1. Create a custom view form.

google-docs-integration-3

  1. Add the Code widget to the form.

To embed a document into a form, use <iframe>. Insert the following code in the editor:

<% if (Context.data.link) { %>
<div>
    Document
</div>
<iframe
    width="900"
    height="700"
    frameborder="0"
    src="<%= Context.data.link %>"
></iframe>
<% } %>

You can learn more about working with forms in the Form templates article and ELMA365 TS SDK.

  1. Save the form.

Now a user can specify a link to a Google Docs document when creating a new app item. This makes it possible to work with the document directly on the app item’s view form:

google-docs-integration-4

google-docs-integration-5

Note that editing permissions are set up in Google Docs.

Found a typo? Highlight the text, press ctrl + enter and notify us