US 12,282,648 B2
Customizable and animatable popup card system
Xin Liu, Seattle, WA (US); and Chaochao Huang, Suzhou (CN)
Assigned to Microsoft Technology Licensing, LLC, Redmond, WA (US)
Filed by Microsoft Technology Licensing, LLC, Redmond, WA (US)
Filed on Jun. 9, 2023, as Appl. No. 18/332,654.
Prior Publication US 2024/0411425 A1, Dec. 12, 2024
Int. Cl. G06F 3/0482 (2013.01); G06F 3/0485 (2022.01); G06T 13/80 (2011.01)
CPC G06F 3/0482 (2013.01) [G06F 3/0485 (2013.01); G06T 13/80 (2013.01)] 20 Claims
OG exemplary drawing
 
1. A system for implementing a customizable and animatable popup card system, the system comprising:
a processing system; and
memory storing computer executable instructions that, when executed by the processing system, cause the system to perform operations comprising:
in response to receiving a first user input corresponding to an interaction with a rest user interface (“UI”) element that is displayed within a software application (“app”) window:
generating a first popup UI element, the first popup UI element being different from the rest UI element;
mapping sub-elements of the rest UI element to corresponding sub-elements of the first popup UI element;
displaying, within the app window, the first popup UI element overlaid above at least a portion of the rest UI element; and
causing animation of at least one sub-element of the first popup UI element during display of the first popup UI element,
wherein displaying the first popup UI element overlaid above the at least a portion of the rest UI element comprises at least one of:
based on a determination that coordinates of the rest UI element as displayed within the app window indicate that the rest UI element lies beyond a first threshold distance from an edge of the app window, displaying, within the app window, the first popup UI element overlaid above at least a portion of the rest UI element in a position that is centered above a horizontal center of the rest UI element between a left edge and a right edge of the rest UI element;
based on a determination that coordinates of the rest UI element as displayed within the app window indicate that the rest UI element lies within the first threshold distance from a left edge of the app window, displaying, within the app window, the first popup UI element overlaid above at least a portion of the rest UI element in a position that is offset from the horizontal center of the rest UI element such that a left edge of the first popup UI element is displayed to the right of the left edge of the app window; or
based on a determination that coordinates of the rest UI element as displayed within the app window indicate that the rest UI element lies within the first threshold distance from a right edge of the app window, displaying, within the app window, the first popup UI element overlaid above at least a portion of the rest UI element in a position that is offset from the horizontal center of the rest UI element such that a right edge of the first popup UI element is displayed to the left of the right edge of the app window.