Multi-mode display for documents in a web browser client application

1. A computer-implemented method for displaying page content in different view modes using a web browser client application, the method comprising:

at a backend application configured to provide the page content of a content collaboration platform over a computer network to a plurality of client devices, each client device operating a frontend application comprising the web browser client application:

in response to a request to display a page at a device of the plurality of client devices, causing display of content of the page in the web browser client application in non-paginated view mode comprising:

the content displayed in a content pane, the content pane configured to provide continuous scrolling of the content; and

a content tree displayed in a content tree pane, the content tree comprising a tree of selectable entries corresponding to a set of pages having a hierarchical relationship to the page; and

in response to a request to display the content of the page in a content toggling view mode, causing display of the content in the content toggling view mode comprising:

the content displayed in a full-screen pane that covers a substantial entirety of an available display area, the full-screen pane configured to:

cause display of a first topic portion having a visual contrast with respect to other content of the page displayed in the full-screen pane; and

provide toggle-based navigation in which a user input causes an automatic advance to a second topic portion of content of the page and transitions the visual contrast from the first topic portion to the second topic portion of the content displayed in the full-screen pane; and

suppressed display of the content tree and the content tree pane such that the content tree is not displayed.

2. The computer-implemented method of claim 1 , wherein:

in response to the request to display the content of the page in the content toggling view mode:

parsing the content of the page to identify a set of topic portions within the content, the set of topic portions including the first topic portion and the second topic portion; and

in response to the user input causing display of the first topic portion of the set of topic portions proximate a navigational reference line defined within a full-screen pane; and

causing display the first topic portion having a visual contrast comprises causing display of at least one subsequent topic portion of the set of topic portions with a reduced darkness with respect to the first topic portion.

3. The computer-implemented method of claim 2 , wherein identifying the set of topic portions includes:

identifying portions of the content tagged as header text;

identifying portions of the content tagged as body text; and

identifying portions of the content as multimedia content.

4. The computer-implemented method of claim 2 , wherein identifying the set of topic portions includes, in accordance with a determination that a portion of content tagged as body text exceeds a length criteria, dividing the portion into two or more topic portions.

5. The computer-implemented method of claim 2 , wherein displaying the at least one subsequent topic portion with a reduced darkness comprises displaying the at least one subsequent topic portion with an increased degree of transparency.

6. The computer-implemented method of claim 1 , wherein:

in response to the request to display the content of the page in the content toggling view mode, parsing the content of the page to identify a set of topic portions within the content, the parsing the content comprising:

parsing a block of text tagged as body text to determine a block length; and

in accordance with the block length exceeding a threshold, dividing the block of text into two or more topic portions.

7. The computer-implemented method of claim 1 , wherein:

prior to displaying the content of the page in the content toggling view mode, the content is parsed to identify text satisfying a font size criteria; and

in accordance with a portion of text satisfying the font size criteria, prior to displaying the portion of the text in the content toggling view mode, increasing a font size of the portion of the text.

8. The computer-implemented method of claim 1 , wherein, in response to the request to display the content of the page in the content toggling view mode, a user-defined graphical object is replaced for a current cursor graphical object.

9. The computer-implemented method of claim 1 , wherein in response to the request to display the content of the page in the content toggling view mode, causing display of an option to display a two-dimensional encoded region, wherein the two-dimensional encoded region is encoded with information related to a location of the page within the content collaboration platform.

10. A computer-implemented method for displaying an electronic document in different view modes using a web browser client application, the method comprising:

displaying content of the electronic document using the web browser client application in a first view mode having:

a first pane displaying an object tree of selectable elements, each element selectable to retrieve a respective electronic document hierarchically related to the electronic document; and

a second pane displaying the content in a continuously scrollable format; and

in response to a user selection of an affordance, transitioning from the first view mode to a second view mode, by:

parsing the content to identify a series of topic portions within the content;

causing display of the content in a full-screen view thereby removing the first pane from view;

causing display of a first topic portion of the series of topic portions having a visual contrast with respect to other content displayed in the full-screen view;

in response to a user input indicating a direction:

causing the content to advance from the first topic portion of the series of topic portions to a second topic portion of the series of topic portions; and

causing the visual contrast to transition from the first topic portion and to the second topic portion.

11. The computer-implemented method of claim 10 , wherein:

in response to parsing the content, evaluating text with respect to a viewing criteria; and

in accordance with the text satisfying the viewing criteria, modifying a property of the text before causing display of the text in the full-screen view.

12. The computer-implemented method of claim 10 , wherein:

in response to parsing the content, evaluating text with respect to a viewing criteria; and

in accordance with the text satisfying the viewing criteria, suppressing display of the text in the full-screen view.

13. The computer-implemented method of claim 10 , wherein:

in response to parsing the content, identifying in-line comments embedded in the content; and

in accordance with identifying the in-line comments, suppressing display of the in-line comments in the full-screen view.

14. The computer-implemented method of claim 10 , wherein in response to a scrolling input when in the second view mode, cause a continuous scrolling of the content.

15. The computer-implemented method of claim 10 , wherein identifying the series of topic portions includes identifying content tags within the electronic document, the content tags comprising a header content tag, a body content tag, and a multimedia content tag.

16. A computer-implemented method, comprising:

at a backend application configured to provide content over a distributed network to a plurality of client devices, each operating a frontend application comprising a web browser client application:

in response to a request to display the content at a device of the plurality of client devices, cause display of the content in the web browser client application in an asynchronous view mode comprising:

the content displayed in a content pane, the content pane configured to provide continuous and uniform scrolling of the content; and

a content tree displayed in a content tree pane, the content tree comprising selectable entries corresponding to a set of content objects having a hierarchical relationship to the displayed content;

in response to a request to display the content in a synchronous view mode, cause display of the content in the synchronous view mode comprising:

the content displayed in a full-screen pane that covers a substantial entirety of a display area, the full-screen pane configured to:

cause display of a first topic portion of the content having a visual contrast with respect to other portions of the content;

provide topic-based scrolling in which a user input causes an advance from the first topic portion to a second topic portion of the content and transitions the visual contrast from the first topic portion and to the second topic portion; and

suppressed display of the content tree content and the content tree pane such that the content tree content is not displayed.

17. The computer-implemented method of claim 16 , wherein:

in response to the request to display the content in the synchronous view mode:

parsing the content to identify a set of topic portions;

in response to a first user input, causing display of the first topic portion of the set of topic portions proximate to a top region of the full-screen pane; and

in response to a second user input, causing display of second topic portion of the set of topic portions proximate to the top region of the full-screen pane.

18. The computer-implemented method of claim 17 , wherein:

in response to the request to display the content of the page in the synchronous view mode and in response to the first user input:

causing display of at least one subsequent topic portion of the set of topic portions, the at least one subsequent topic portion displayed with a reduced darkness with respect to the first topic portion.

19. The computer-implemented method of claim 17 , wherein in response to parsing the content, a document object model is created having a set of document nodes, each document node corresponding to a respective topic portion of the set of topic portions.

20. The computer-implemented method of claim 16 , wherein in response to the request to display the content in the second view mode, causing display of an option to display a two-dimensional encoded region, wherein the two-dimensional encoded region is encoded with information related to a location of the content within a content collaboration platform.