The subject disclosure relates to modifying or “stylizing” the graphical display of a native input widget (also referred to as “standard input widgets”, “native semantic input types”, or “pickers”) in a web page displayed in a web browser, particularly a mobile web browser, so that the native input widget can be configured, for example, to appear to a user to match the visual style (e.g., font size, color, localization format) of the rest of the web page. Specifically, the graphical display of the native input widget appears to the user to be modified by layering a stylized façade element (“façade element”) over the location of the native input widget. The façade element can be configured to appear to the user to match the visual theme (e.g., font size, color, localization format) of the rest of the web page. The façade element is connected to the native input widget via an implemented event bridge between the two elements to facilitate responses to user interactions with the façade element, and consequently interaction by the user with the façade element triggers an operating system widget to appear for the selection of values by the user for the standard input widget.
Creative Commons License
This work is licensed under a Creative Commons Attribution 4.0 License.
Greenwood, Ben and Scarr, Joey, "Cross-platform Styling of Native Input Widgets on Mobile Browsers", Technical Disclosure Commons, (April 16, 2015)