Continuously scrollable calendar user interface
A method is provided to scroll a calendar user interface (UI) comprising: displaying on a device display screen a visible range of a calendar UI, wherein the calendar UI includes a display grid that includes individual date display panes that are associated with individual dates, wherein the date panes are arranged in rows corresponding to weeks and columns corresponding to days of the week and wherein the visible range of the calendar UI includes multiple rows of date panes; receiving user input to indicate a scroll direction in which to scroll the display grid to display a different date range that includes earlier or later date display panes; and in response to the user input, scrolling the calendar UI by rows to the different date range.
1. A method to display a calendar user interface (UI) comprising:
determining a reference date within a visible range of the calendar UI;
determining a forward date mapping range and a backward date mapping range outside of the visible range of the calendar UI based on the reference date;
map visual content items to display grid date panes within the calendar UI in both the forward date mapping range and the backward date mapping range, such that the visual content items are mapped to the display grid date panes outside of the visible range in the forward date mapping range and the backward date mapping range to facilitate continuous vertical scrolling without breaks or interruptions at month boundaries;
assigning individual shading levels to individual dates within the visible range, the forward date mapping range, and the backward date mapping range, such that the individual shading levels assigned to the individual dates in a month increment from a first date of the month to a last date of the month, wherein the incrementing of the individual shading levels assigned to the individual dates from the first date of the month to the last date of the month results in each successive day of the month becoming progressively darker the closer the individual dates are to the last date of the month, with the first date of the month having a lightest shade level and the last date of the month having a darkest shade level, and wherein the individual shading levels assigned to the individual dates are maintained for the individual dates and recur for successive months so as to provide a sharp visual transition in shading between the darkest shading level of the last date of the month and a subsequent lightest shade level of a subsequent first date of a subsequent month; and
displaying on a device display screen a visible range of the calendar UI, wherein the calendar UI includes the display grid that includes the display grid date panes that are associated with the individual dates, wherein the display grid date panes have background shading in accordance with the shading levels assigned for the individual dates within the visible range, the forward date mapping range, and the backward date mapping range, and are arranged in rows corresponding to weeks and columns corresponding to days of the week such that the continuous vertical scrolling of the calendar UI is facilitated without the breaks or interruptions at the month boundaries and while providing the sharp visual transition in shading between the darkest shading level of the last date of the month and the subsequent lightest shade level of the subsequent first date of the subsequent month so that the sharp visual transition in shading is provided between each of the successive months.
2. A method to scroll a calendar user interface (UI) comprising:
displaying on a device display screen a visible range of a calendar UI, wherein the calendar UI includes a display grid that includes individual date display panes that are associated with individual dates, wherein the date panes are arranged in rows corresponding to weeks and columns corresponding to days of the week and wherein the visible range of the calendar UI includes multiple rows of date panes;
receiving user input to indicate a scroll direction in which to scroll the display grid to display a different date range that is different from the visible range and includes earlier or later date display panes;
in response to the user input, scrolling the calendar UI by rows to the different date range, wherein scrolling the calendar UI by rows to the different date range includes:
continuous vertical scrolling of one or more rows that include display date panes that correspond to dates falling in different months without breaks or interruptions at month boundaries;
sending a request over the network to one or more server devices for information that identifies one or more code objects associated with the dates falling in the different months to use to generate one or more visual content items within one or more display date panes within the different date range;
receiving over the network from the one or more server devices, information that identifies the one or more code objects associated with the dates falling in the different months; and
using the identified one or more code objects to generate the one or more visual content item displays for display within the one or more display date panes within the different date range within the calendar UI to facilitate the continuous vertical scrolling of the calendar UI;
assigning individual shading levels to individual dates within the visible range and the different date range, such that the individual shading levels assigned to the individual dates in a month increment from a first date of the month to a last date of the month, wherein the incrementing of the individual shading levels assigned to the individual dates from the first date of the month to the last date of the month results in each successive day of the month becoming progressively darker the closer the individual dates are to the last date of the month, with the first date of the month having a lightest shade level and the last date of the month having a darkest shade level, and wherein the individual shading levels assigned to the individual dates are maintained for the individual dates and recur for successive months so as to provide a sharp visual transition in shading between the darkest shading level of the last date of the month and a subsequent lightest shade level of a subsequent first date of a subsequent month; and
displaying on a device display screen a visible range of the calendar UI, wherein the calendar UI includes the display date panes that are associated with the individual dates, wherein the display date panes have background shading in accordance with the shading levels assigned for the individual dates within the visible range and the different date range and are arranged in rows corresponding to weeks and columns corresponding to days of the week such that the continuous vertical scrolling of the calendar UI is facilitated without the breaks or interruptions at the month boundaries and while providing the sharp visual transition in shading between the darkest shading level of the last date of the month and the subsequent lightest shade level of the subsequent first date of the subsequent month so that the sharp visual transition in shading is provided between each of the successive months.
3. The method of claim 1 ,
wherein receiving the information that identifies the one or code objects includes, receiving the one or more code objects.
4. An article of manufacture including a non-transitory computer readable storage device encode with computer readable code to configure a computer system to perform a process that comprises:
displaying on a device display screen a visible range of a calendar UI, wherein the calendar UI includes a display grid that includes individual date display panes that are associated with individual dates, wherein the date panes are arranged in rows corresponding to weeks and columns corresponding to days of the week and wherein the visible range of the calendar U I includes multiple rows of date panes;
receiving user input to indicate a scroll direction in which to scroll the display grid to display a different date range that is different from the visible range and includes earlier or later date display panes;
in response to the user input, scrolling the calendar UI by rows to the different date range, wherein scrolling the calendar UI by rows to the different date range includes:
continuous vertical scrolling of one or more rows that include display date panes that correspond to dates falling in different months without breaks or interruptions at month boundaries;
sending a request over the network to one or more server devices for information that identifies one or more code objects associated with the dates falling in the different months to use to generate one or more visual content items within one or more display date panes within the different date range;
receiving over the network from the one or more server devices, information that identifies the one or more code objects associated with the dates falling in the different months; and
using the identified one or more code objects to generate the one or more visual content item displays for display within the one or more display date panes within the different date range within the calendar UI to facilitate the continuous vertical scrolling of the calendar UI;
assigning individual shading levels to individual dates within the visible range and the different date range, such that the individual shading levels assigned to the individual dates in a month increment from a first date of the month to a last date of the month, wherein the incrementing of the individual shading levels assigned to the individual dates from the first date of the month to the last date of the month results in each successive day of the month becoming progressively darker the closer the individual dates are to the last date of the month, with the first date of the month having a lightest shade level and the last date of the month having a darkest shade level, and wherein the individual shading levels assigned to the individual dates are maintained for the individual dates and recur for successive months so as to provide a sharp visual transition in shading between the darkest shading level of the last date of the month and a subsequent lightest shade level of a subsequent first date of a subsequent month; and
displaying on a device display screen a visible range of the calendar UI, wherein the calendar UI includes the display date panes that are associated with the individual dates, wherein the display date panes have background shading in accordance with the shading levels assigned for the individual dates within the visible range and the different date range and are arranged in rows corresponding to weeks and columns corresponding to days of the week such that the continuous vertical scrolling of the calendar UI is facilitated without the breaks or interruptions at the month boundaries and while providing the sharp visual transition in shading between the darkest shading level of the last date of the month and the subsequent lightest shade level of the subsequent first date of the subsequent month so that the sharp visual transition in shading is provided between each of the successive months.
5. An article of manufacture including a non-transitory computer readable storage device encode with computer readable code to configure a computer system to perform a process that comprises:
determining a reference date within a visible range of the calendar UI;
determining a forward date mapping range and a backward date mapping range outside of the visible range of the calendar UI based on the reference date;
map visual content items to display grid date panes within the calendar UI in both the forward date mapping range and the backward date mapping range, such that the visual content items are mapped to the display grid date panes outside of the visible range in the forward date mapping range and the backward date mapping range to facilitate continuous vertical scrolling without breaks or interruptions at month boundaries;
assigning individual shading levels to individual dates within the visible range, the forward date mapping range, and the backward date mapping range, such that the individual shading levels assigned to the individual dates in a month increment from a first date of the month to a last date of the month, wherein the incrementing of the individual shading levels assigned to the individual dates from the first date of the month to the last date of the month results in each successive day of the month becoming progressively darker the closer the individual dates are to the last date of the month, with the first date of the month having a lightest shade level and the last date of the month having a darkest shade level, and wherein the individual shading levels assigned to the individual dates are maintained for the individual dates and recur for successive months so as to provide a sharp visual transition in shading between the darkest shading level of the last date of the month and a subsequent lightest shade level of a subsequent first date of a subsequent month; and
displaying on a device display screen a visible range of the calendar UI, wherein the calendar UI includes the display grid that includes the display grid date panes that are associated with the individual dates, wherein the display grid date panes have background shading in accordance with the shading levels assigned for the individual dates within the visible range, the forward date mapping range, and the backward date mapping range, and are arranged in rows corresponding to weeks and columns corresponding to days of the week such that continuous scrolling of the calendar UI is facilitated without the breaks or interruptions at the month boundaries and while providing the sharp visual transition in shading between the darkest shading level of the last date of the month and the subsequent lightest shade level of the subsequent first date of the subsequent month so that the sharp visual transition in shading is provided between each of the successive months.