Embedding dynamic content item preview
View Patent ↗A content management system including a document management system provides documents that include previews of folders in the content management system. The folder preview interface saved in the document is persistent despite changes to the folders stored by the content management system. In addition, previews of individual content items displayed within the folder preview interfaces are synchronized with the corresponding content items on the content management system. In some embodiments, the document may include other types of media including text, images, tables, video, etc. in addition to any embedded preview interfaces. Folder previews may also display previews of subfolders within the folder. A subfolder preview may display a list of content items within the subfolder. A user may also arrange multiple folder preview regions within the same document.
1. A computer-implemented method comprising:
detecting a request on a client device to embed a preview region including content item previews corresponding to content items included in a folder within a document displayed on the client device, the document having visible document content, wherein the content item previews are synchronized with the content items included in the folder in a content management system, each content item preview including a portion of visible content of a corresponding content item displayed within the content item preview;
displaying, within the preview region, a subset of content item previews;
in response to receiving a vertical scrolling input, scrolling the document content, including the preview region, in a vertical direction; and
in response to receiving a horizontal scrolling input, irrespective of a location of the received horizontal scrolling input:
scrolling out of the preview region a number of the content item previews; and
scrolling into the preview region additional content item previews without scrolling the document.
2. The method of claim 1 , wherein the preview region includes a semitransparent border within the document.
3. The method of claim 1 further comprising:
adding a new content item to the folder;
responsive to the new content item being added to a portion of the folder displayed within the preview region, displaying a content item preview corresponding to the new content item within the preview region.
4. The method of claim 3 further comprising:
synchronizing the new content item with the content management system.
5. The method of claim 1 further comprising:
detecting a change to a content item; and
responsive to the changed content item corresponding to a content item preview displayed within the preview region, modifying the content item preview to reflect the change to the content item.
6. The method of claim 1 further comprising:
removing a new content item from the folder;
responsive to the removed content item corresponding to a content item preview displayed within the preview region, removing the content item preview from the preview region.
7. The method of claim 1 , wherein a content item preview includes a portion of textual content of a corresponding content item.
8. The method of claim 1 , wherein a content item preview includes a low resolution version of a corresponding content item image.
9. The method of claim 1 , wherein a content item preview includes a thumbnail image of a corresponding content item video.
10. The method of claim 1 , wherein a content item preview includes a number of spreadsheet fields of a corresponding content item spreadsheet.
11. The method of claim 1 , wherein the preview region is located at a pre-designated location within the document.
12. The method of claim 1 , further comprising receiving a request to move a location of the preview region within the document to a new location and, in response, embedding the preview region at the new location.
13. The method of claim 1 , wherein the content item previews are generated in response to detecting the request to embed the preview region within the document.
14. The method of claim 1 , wherein displaying the subset of content item previews comprises displaying content item previews corresponding to a set of most recently edited content items.
15. The method of claim 1 further comprising:
displaying the subset of content item previews in at least one column within the preview region; and
responsive to receiving a vertical scrolling input within the preview region:
removing a number of content item previews from the preview region by vertically scrolling the number of content item previews out of the preview region; and
vertically scrolling additional content item previews into the preview region.
16. The method of claim 1 further comprising:
identifying one of the one or more content items as a subfolder, the subfolder storing sub-hierarchical content items;
selecting a number of the sub-hierarchical content items for display in a subfolder preview;
generating a subfolder preview of the identified subfolder, the subfolder preview comprising one or more content item icons arranged in a list, each icon representing one of the selected sub-hierarchical content items and each icon having accompanying text indicating a content item name; and
displaying, within the preview region, the generated subfolder preview.
17. The method of claim 16 further comprising:
responsive to receiving a scrolling input over the subfolder preview within the preview region:
selecting an additional number of the sub-hierarchical content items for display in the subfolder preview;
removing a number of the sub-hierarchical content item icons from display in the preview region, the number equal to the additional number; and
displaying content item icons of the selected additional sub-hierarchical content items arranged in the list of the subfolder preview.
18. The method of claim 16 further comprising
responsive to receiving an input to zoom in over the subfolder preview within the preview region:
generating previews of the sub-hierarchical content items of the subfolder represented by the subfolder preview;
selecting a number of previews of the sub-hierarchical content items for previewing within the preview region;
refreshing the display of preview in the preview region by displaying the selected previews of the sub-hierarchical content items within the preview region; and
responsive to receiving a scrolling input within the preview region:
selecting an additional number of previews from the sub-hierarchical content items in the subfolder;
removing a number of previews from display in the preview region equal to the additional number; and
displaying the selected additional previews of the sub-hierarchical previews in the preview region.
19. A computer system comprising:
a processor; and
a memory storing instructions that, when executed by the processor, cause the processor to perform steps comprising:
detecting a request on a client device to embed a preview region including content item previews corresponding to content items included in a folder within a document displayed on the client device, the document having visible document content, wherein the content item previews are synchronized with the content items included in the folder in a content management system, each content item preview including a portion of visible content of a corresponding content item displayed within the content item preview;
displaying, within the preview region, a subset of content item previews;
in response to receiving a vertical scrolling input, scrolling the document content, including the preview region, in a vertical direction; and
in response to receiving a horizontal scrolling input, irrespective of a location of the received horizontal scrolling input:
scrolling out of the preview region a number of the content item previews; and
scrolling into the preview region additional content item previews without scrolling the document.
20. A non-transitory computer readable storage medium storing instructions that, when executed by a processor causes the processor to perform steps of:
detecting a request on a client device to embed a preview region including content item previews corresponding to content items included in a folder within a document displayed on the client device, the document having visible document content, wherein the content item previews are synchronized with the content items included in the folder in a content management system, each content item preview including a portion of visible content of a corresponding content item displayed within the content item preview;
displaying, within the preview region, a subset of content item previews;
in response to receiving a vertical scrolling input, scrolling the document content, including the preview region, in a vertical direction; and
in response to receiving a horizontal scrolling input, irrespective of a location of the received horizontal scrolling input:
scrolling out of the preview region a number of the content item previews; and
scrolling into the preview region additional content item previews without scrolling the document.