Dynamic Style Sheet Generator for Web Interface Customization
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current online applications lack the ability to dynamically and independently change the user interface styles based on user-selected variables without affecting the webpage content, limiting customization and user experience.
Innovation Solution
A system and method for dynamically generating or selecting style sheets for online applications, where user-selected variables determine the styles of webpages, allowing for distinct and independent changes in appearance over time, using a dynamic style sheet generator that combines main and differential style sheets based on user profiles and event variables, and updates styles without altering the webpage content.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If users select custom colors and styles for online applications, then user interface customization is improved, but the ability to dynamically change styles independently of content is limited
Solution Approach 1:
The patent segments the style sheet into multiple independent components: main style sheet containing base styles, differential style sheets containing specific style variations, and event style sheets containing dynamically applied styles. This segmentation allows independent modification and dynamic switching of style components without affecting the entire stylesheet or content structure.
Solution Approach 2:
The patent implements dynamic style switching by detecting events (such as user actions or system states) and automatically applying corresponding differential style sheets through JavaScript. This allows the user interface appearance to change dynamically in response to events while the content remains unchanged, resolving the limitation of static customizations.
2Adaptability or versatility
If the user interface style is customized with selected colors and fonts, then appearance personalization is improved, but the interface cannot independently change styles over time
Solution Approach 1:
The patent prepares multiple differential style sheets in advance, each corresponding to specific events or states. These pre-configured style sheets are stored and ready for immediate application when their corresponding events occur, enabling the interface to transition between different personalized appearances without requiring content changes or user reconfiguration.
Solution Approach 2:
The patent implements event detection mechanisms that monitor user actions and system states, automatically triggering the application of appropriate differential style sheets. This feedback loop enables the interface to adapt its appearance in response to events, creating a dynamic personalized experience that evolves over time based on user interaction patterns.
3Ease of operation
If the online application uses a single style sheet for the entire webpage, then simplicity is maintained, but independent style changes without content alteration are limited
Solution Approach 1:
The patent divides the style sheet into a main style sheet and multiple differential style sheets, where the main style sheet provides the base structure and differential style sheets provide specific style variations. This segmentation maintains simplicity in the base structure while enabling versatile independent style changes through the modular differential components.
Solution Approach 2:
The patent extracts specific style variations from the main style sheet into separate differential style sheets. This extraction allows these style components to be independently applied and removed without affecting the main style sheet or content, enabling flexible style switching while maintaining the integrity and simplicity of the core stylesheet structure.
Data Source
AI summary
A computer implemented method of presenting an online application, includes, at a first time, receiving and presenting a first webpage of the online application having a first style, and at a second time, receiving and presenting a second webpage of the online application having a second style that is distinct from the first style. In some embodiments, the first style and second style are in accordance with a user selected variable and the user selected variable has first and second distinct values at the first and second times, respectively. In some embodiments, the user selected variable is independent of the content of the webpages. In some embodiments, the first and second distinct values are determined in accordance with a user profile. In some embodiments, the first webpage is first displayed using the first style and is then re-displayed using the second style, without changing the content of the first webpage.