User interface based on viewable area of a display
A method for displaying content in a computing device, including: displaying a set of partially overlapping panels in a viewable area of a display; detecting a first input associated with an element in a first panel of the set of overlapping panels; displaying, on the display, an indication that the element is selected; and displaying, in response to the first input and concurrently with the indication, a second panel partially overlapping the first panel and adjacent to at least one edge of the viewable area of the display, where the second panel includes content relevant to the selected element.
1. A method for displaying content on a touchscreen display of a computing device, the method comprising:
displaying, in a viewable area of the touchscreen display, a stack including one or more separately movable panels;
based on detecting a touch input for a first element in a first panel of the stack while no panel higher in the stack than the first panel is displayed in the viewable area, sliding, from outside the viewable area into the viewable area, a second panel higher in the stack than the first panel, wherein the second panel includes content associated with the first element and partially overlaps the first panel;
based on detecting a touch input for a second element in the first panel of the stack while at least part of the second panel is displayed in the viewable area, updating the content in the second panel; and
based on detecting a swipe gesture for the second panel, sliding away the second panel to outside of the viewable area so as to display the first panel of the stack with no panel higher in the stack than the first panel being displayed in the viewable area.
2. The method of claim 1 , wherein the first panel comprises a list of messages, wherein the first element is a first message in the list of messages, and wherein the content associated with the first element comprises details associated with the first message.
3. The method of claim 2 , wherein the second element is a second message in the list of messages and wherein the updated content in the second panel comprises content associated with the second message.
4. The method of claim 3 , further comprising:
adjusting, without requiring user input, a size of the second panel to accommodate the updated content.
5. The method of claim 1 , further comprising:
based on detecting a change in orientation of the computing device while the second panel partially overlaps the first panel, sliding the second panel by an amount sufficient to expose a portion of the first panel hidden by the partial overlapping.
6. The method of claim 1 , further comprising, based on detecting the touch input for the first element, highlighting the first element.
7. A computing device, comprising:
a touchscreen display;
a computer processor configured to control the computing device to at least:
display, in a viewable area of the touchscreen display, a stack including one or more separately movable panels;
based on detecting a touch input for a first element in a first panel of the stack while no panel higher in the stack than the first panel is displayed in the viewable area, sliding, from outside the viewable area into the viewable area, a second panel higher in the stack than the first panel, wherein the second panel the second panel includes content associated with the first element and partially overlaps the first panel;
based on detecting a touch input for a second element in the first panel of the stack while at least part of the second panel is displayed in the viewable area, updating the content in the second panel; and
based on detecting a swipe gesture for the second panel, sliding away the second panel to outside of the viewable area so as to display the first panel of the stack with no panel higher in the stack than the first panel being displayed in the viewable area.
8. The computing device of claim 7 , wherein the first panel comprises a list of messages, wherein the first element is a first message in the list of messages, and wherein the content associated with the first element comprises details associated with the first message.
9. The computing device of claim 8 , wherein the second element is a second message in the list of messages and wherein the updated content in the second panel comprises content associated with the second message.
10. The computing device of claim 7 , wherein the computer processor is further configured to control the computing device to:
based on detecting a change in orientation of the computing device while the second panel partially overlaps the first panel,
slide the second panel by an amount sufficient to expose a portion of the first panel hidden by the partial overlapping.
11. The computing device of claim 7 , wherein the computer processor is further configured to:
adjust, without requiring user input, a size of the second panel to accommodate the updated content.
12. A non-transitory computer-readable storage medium comprising a plurality of instructions for displaying content, the plurality of instructions configured to execute on at least one computer processor of a computing device comprising touchscreen display to enable the computing device to at least:
display, in a viewable area of the touchscreen display, a stack including one or more separately movable panels;
based on detecting a touch input for a first element in a first panel of the stack while no panel higher in the stack than the first panel is displayed in the viewable area, slide, from outside the viewable area into the viewable area, a second panel higher in the stack than the first panel, wherein the second panel includes content associated with the first element and partially overlaps the first panel;
based on detecting a touch input for a second element in the first panel of the stack while at least part of the second panel is displayed in the viewable area, updating the content in the second panel; and
based on detecting a swipe gesture for the second panel, sliding away the second panel to outside of the viewable area so as to display the first panel of the stack with no panel higher in the stack than the first panel being displayed in the viewable area.
13. The non-transitory computer-readable storage medium of claim 12 , wherein the first panel comprises a list of messages, wherein the first element is a first message in the list of messages, and wherein the content associated with the first element comprises details associated with the message.
14. The non-transitory computer-readable storage medium of claim 13 , wherein the second element is a second message in the list of messages and wherein the updated content in the second panel comprises content associated with the second message.
15. The non-transitory computer-readable storage medium of claim 13 , wherein the plurality of instructions are configured to execute on the at least one computer processor to enable the computing device to highlight the first message.
16. The non-transitory computer-readable storage medium of claim 12 , wherein the plurality of instructions are configured to execute on the at least one computer processor to enable the computing device to:
based on detecting a change in orientation in the computing device while the second panel partially overlaps the first panel, slide the second panel by an amount sufficient to expose a portion of the first panel hidden by the partial overlapping.