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

  • Open source
  • Partnership

FOSDEM 2020: ONLYOFFICE highlights

Shortly after CS3, we visited another event meaningful for European open-source community: FOSDEM 2020 in Brussels. Read more in this…

6 days ago

ONLYOFFICE at CS3 Workshop 2020: our summary

Last week, the ONLYOFFICE team went to a notable event for the global scientific community: Workshop on Cloud Services for…

1 week ago
  • Events
  • Events
  • Events

Meet ONLYOFFICE at MWC Barcelona 2020

Hi everybody! We are going to wrap up our series of winter business trips with attending MWC Barcelona this February.…

2 weeks ago

ONLYOFFICE partners with CEO-Vision: the symbiosis of online editors and the digital workplace GoFast

ONLYOFFICE is proud to announce its official partnership with CEO-Vision. The agreement was signed on the margins of the Paris…

3 weeks ago
  • Integration
  • ONLYOFFICE Tips and Tricks

How to configure reverse proxy for Nextcloud and ONLYOFFICE editors

Hi everyone! Most of the ways to integrate ONLYOFFICE with Nextcloud are described in our API documentation, but some cases…

3 weeks ago

ONLYOFFICE is referenced to the UGAP

Great news, everyone! ONLYOFFICE was exclusively chosen by UGAP, the French central public purchasing office, to meet the needs of…

3 weeks ago

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

our privacy policy