Page History
Blueriq Material Theme
What is Material Design?
The Material theme is based on Material Design components for Angular. Material Design is created by Google and is more like a style guide for UI designs.
UI Expand | ||
---|---|---|
| ||
Google's design language and concept is based around the paper and ink process of traditional design and is intended to facilitate the best possible user experiences on Android devices. In particular it is used to denote, clearly for users, which parts of the screen can be used as touch interfaces with the operating system or applications. |
Versions
Since Blueriq 11.1 we deliver Milestone versions of the Blueriq Material theme. Please see future releases of Blueriq 11 to get updated on new features added to the theme in each milestone. As long as the Material theme version is of type Milestone you should not use it in production environments. The purpose of Milestone versions are to give customers a chance to get an early look an provide feedback.
Enable the Material theme in the Blueriq Runtime
For Milestone usage you can activate the new theme by providing these properties to the application.properties of the Blueriq Runtime
Code Block |
---|
### Angular material theme ###
blueriq.angular.active-themes=material
blueriq.angular.themes.material.template-group-file=UI/ |
angular/ |
material.stg
blueriq.angular.themes.material.template-name=redirect |
After setting these properties and restarting the Blueriq Runtime you can start a project in the newly added theme by selecting it in the Blueriq Runtime Development Dashboard
The following deployment of the Material theme is advised: Angular#AngularinProduction
Blueriq Material Design as a kickstarter for a custom theme
For further details on how to achieve this please check out:
Children Display |
---|