Displaying Documents from TeamLab Office Directly on Your Webpage

Hello to everyone!

Today you will learn how to embed a text file, presentation, spreadsheet stored in your TeamLab Office into your mobile or web application, website or blog. All the visitors of your website or application users will be able to read, copy, share or embed it. In your turn you can manage it the way you like – modify the source document in your TeamLab Office and the changes will be visible in its published copy as well as restrict access to it with a single button click.

To embed a document into a webpage or application, please proceed through the steps below:

1. Access your TeamLab Office entering your login and password.
2. Open the ‘Documents’ module.
3. Find the document you want to embed into your webpage.
4. Click the ‘Share’ button next to the document title.
5. In the opened ‘Sharing Settings’ window, switch to the ‘Embedding Document’ tab.
6. Select the ‘Read Only’ option.
7. Select the size of document viewer window from the available ones or set its custom width and height.
Note: there are some restrictions here - the width can't be less than 400 pixels and the height less than 600 pixels.
8. Copy the embedding code and paste it into your web page or application code.
9. Click the ‘Close’ button at the bottom of the ‘Sharing Settings’ window.

Note: for more detailed instructions please refer to our user guide.

The visitors/users will see a document viewer window just like that:

They can use the following controls:

– save copy – is used to download the document and save it on your hard disk drive

– share – is used to copy the link to the document and share it via Twitter, Facebook or email

– embed – is used to select the size of the document viewer window and copy the embedding code

– go to page – is used to enter the number of the needed page and go to it

– open in a new tab – is used to open the document viewer window in a new tab of your web browser

– previous page – is used to go to the previous page of the current document

– next page – is used to go to the next page of the current document

– zoom in/out – is used to zoom in or out the document in the document viewer window

To restrict access to the embedded document, open the ‘Sharing Settings’ window clicking the ‘Share’ button next to the document title in TeamLab Office and select the ‘Deny Access’ option. If you delete or move the document into some other folder, it won’t appear in the document viewer window on your webpage or in the application either.

Note: if you deny access to the document at the 'Embedding Document' tab of the 'Sharing Settings' window, the users with read-only or full access permissions (displayed at the 'Portal Users' tab) will still be able to view the embedded document in case they stay logged in to the TeamLab Office the document is stored at.

That’s all for today! Please ask your questions in comments to this post or sending an email to our support staff. If you have any ideas on how to improve TeamLab Office, don’t hesitate to add them to our feedback page.


Recent Posts

  • Partnership

Beginner’s guide on ONLYOFFICE-Nextcloud integration + live webinar

Hello everyone! In this post, we have gathered tips on ONLYOFFICE-Nextcloud integration which can be extremely useful for those who…

2 days ago
  • Open source
  • Open source

ONLYOFFICE Desktop Editors are now available as Flatpak

Great news everyone! The long-awaited Flatpak for our desktop editors is now available on Flathub. We are coming to more…

7 days ago
  • Integration
  • ONLYOFFICE Tips and Tricks

How to edit ownCloud documents with ONLYOFFICE on your iOS device

Hello everyone! We have recently announced that ONLYOFFICE Documents for iOS 5.0 allows connecting cloud storage services via WebDAV, and…

1 week ago
  • Events

Meet ONLYOFFICE at POSS, JRES, and re:Invent in 2019

Hello everyone! December seems to be quite a busy time for ONLYOFFICE. We will travel to the US and France…

2 weeks ago

New ways to ONLYOFFICE: AWS instances

Being on a mission to bring innovative office apps to everyone, we added ONLYOFFICE Enterprise Edition to AWS Marketplace. This…

2 weeks ago

ONLYOFFICE is looking for a mascot

Hello everyone! Our project is on the hunt for its spiritual creature. For this reason, we are opening a contest…

3 weeks ago

This website uses cookies. By continuing to browse the website you agree to our privacy policy.

our privacy policy