You are viewing the documentation for Blueriq 17. Documentation for other versions is available in our documentation directory.

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 13 Next »


This page is relevant to you when you want to create your own Material Angular application for Blueriq using The Angular framework for Blueriq

The Material Theming can be used from Blueriq 10.x and further.


This will explain on how to get your own material theme up and running so you can start create your own theming based on this kickstarter

Setup Material design 

The following steps should be taken to get Material Design with Angular running

  1. Download/fork our theme kickstarter here: https://github.com/blueriq/blueriq-material 
  2. Configure the `proxy.conf.js` correctly. Read the README.md on how to set the environment variable
  3. Configure the baseUrl in `environment.ts
  4. https://my.blueriq.com/ApiDocs/npm-libs/blueriq-angular/0.6.1-beta.3/additional-documentation/getting-started.html 
  5. Run the following command `yarn install` to install all packages
  6. Run the following command `yarn start` to see your theme in action. This which will open up a browser that navigates to the `default` shortcut that you configured or use `localhost:4200/flow/<project>/<flow>` 
    For other possible routes please look at the `app.module.ts` routes.

Customization

The next step would be to customize it to your liking. Take a look at the theme folder and read the 'THEMING.md' to get the best practice on how to do so.

In production

For more information on this subject please read the following: Angular

  • No labels