Navigating sections with exposable content in a viewing area
The disclosed embodiments include techniques for navigating sections with exposable content in a viewing area. A method includes causing display, on a display device, of a view panel including contiguous sections. Each contiguous section includes a heading bar and content. The method further includes causing a portion of a first content of a first section to display on the display device by positioning a first heading bar of the first section at a first distance from a second heading bar of a second section. In response to a selection of the first heading bar, the first heading bar and/or the second heading bar is repositioned a second distance from each other. The second distance is greater than the first distance such that more of the first content is displayed.
1. A computer-implemented method comprising:
causing display, on a display device, of a view panel including a plurality of contiguous sections, each of which includes a heading bar and content;
causing a portion of a first content of a first section of the plurality of contiguous sections to display on the display device by positioning a first heading bar of the first section at a first distance from a second heading bar of a second section of the plurality of contiguous sections, the first section containing partially-exposed content, the second section containing fully exposed content; and
responsive to a selection of the first heading bar, repositioning at least one of the first heading bar or the second heading bar a second distance from each other to cause the partially-exposed content in the first section to become fully exposed, and to cause the fully-exposed content in the second section to become hidden without causing the second section to scroll beyond a boundary of the view panel.
2. The method of claim 1 , wherein the second distance is a minimum distance needed to fully display the first content of the first section.
3. The method of claim 1 , wherein the second distance is a minimum distance needed to display a remainder of the first content of the first section.
4. The method of claim 1 , wherein the repositioning comprises:
repositioning the second heading bar while the first heading bar remains stationary.
5. The method of claim 1 , wherein the repositioning comprises:
repositioning each of the second heading bar and the first heading bar.
6. The method of claim 1 further comprising:
docking the first heading bar by repositioning the first heading bar at a location adjacent to an end of the view panel such that the first content is hidden.
7. The method of claim 1 further comprising:
receiving a selection of a third heading bar that is docked; and
in response to the selection of the third heading bar, causing the third heading bar to undock.
8. The method of claim 1 , wherein a plurality heading bars of the plurality of contiguous sections are docked as a stack between the first heading bar and an end of the view panel.
9. The method of claim 1 , wherein a plurality of heading bars of the plurality of contiguous sections are docked in a plurality of stacks between opposing ends of the view panel.
10. The method of claim 1 , wherein the plurality of contiguous sections is a plurality of contiguous scrollable sections.
11. The method of claim 1 , wherein positioning the first heading bar at the first distance from the second heading bar comprises:
scrolling the first heading bar relative to the second heading bar.
12. The method of claim 1 , wherein positioning the first heading bar at the first distance from the second heading bar comprises:
scrolling the first heading bar away from the second heading bar.
13. The method of claim 1 , wherein positioning the first heading bar at the first distance from the second heading bar comprises:
scrolling the first heading bar toward the second heading bar.
14. The method of claim 1 , wherein repositioning the at least one of the first heading bar or the second heading bar comprises:
further exposing partially exposed content by scrolling the first section while collapsing the second section.
15. The method of claim 1 , wherein repositioning the at least one of the first heading bar or the second heading bar comprises:
causing the second heading bar to scroll a minimum distance needed to further expose the first content of the first section.
16. The method of claim 1 , wherein repositioning the at least one of the first heading bar or the second heading bar comprises:
causing the second heading bar to scroll a minimum distance needed to fully expose the first content of the first section.
17. The method of claim 1 , wherein repositioning the at least one of the first heading bar or the second heading bar comprises:
causing the first heading bar to scroll a first minimum distance needed to further expose the first content of the first section; and
causing the second heading bar to scroll a second minimum distance needed to further expose the first content of the first section.
18. The method of claim 1 , wherein repositioning the at least one of the first heading bar or the second heading bar comprises:
causing the first heading bar to scroll a first minimum distance needed to further expose the first content of the first section; and
causing the second heading bar to scroll a second minimum distance needed to further expose the first content of the first section, the first minimum distance being equal to the second minimum distance.
19. The method of claim 1 , wherein repositioning the at least one of the first heading bar or the second heading bar comprises:
causing the first heading bar to scroll a first minimum distance needed to further expose the first content of the first section; and
causing the second heading bar to scroll a second minimum distance needed to further expose the first content of the first section, the first minimum distance and the second minimum distance being unequal.
20. An apparatus comprising:
a processor; and
a memory having instructions executable by the processor to cause the apparatus to:
cause display, on a display device, of a view panel including a plurality of contiguous sections, each of which includes a heading bar and content;
cause a portion of a first content of a first section of the plurality of contiguous sections to display on the display device by positioning a first heading bar of the first section at a first distance from a second heading bar of a second section of the plurality of contiguous sections, the first section containing partially-exposed content, the second section containing fully exposed content; and
responsive to a selection of the first heading bar, reposition at least one of the first heading bar or the second heading bar a second distance from each other to cause the partially-exposed content in the first section to become fully exposed, and to cause the fully-exposed content in the second section to become hidden without causing the second section to scroll beyond a boundary of the view panel.
21. A non-transitory storage medium storing program instructions, execution of which in a computer causes actions comprising:
causing display, on a display device, of a view panel including a plurality of contiguous sections that each includes a heading bar and content;
causing a portion of a first content of a first section to display on the display device by positioning a first heading bar of the first section at a first distance from a second heading bar of a second section of the plurality of contiguous sections, the first section containing partially-exposed content, the second section containing fully exposed content; and
responsive to a selection of the first heading bar, repositioning at least one of the first heading bar or the second heading bar a second distance from each other to cause the partially-exposed content in the first section to become fully exposed, and to cause the fully-exposed content in the second section to become hidden without causing the second section to scroll beyond a boundary of the view panel.