Customizing Web Flow Appearance

The Web Flow resources which can be customized are available in the ext-resources folder:

https://github.com/lime-company/powerauth-webflow-customization/tree/master/ext-resources

Overriding Web Flow resources

The general process of updating Web Flow resources:

• Clone project powerauth-webflow-customization from GitHub
• (Optional) Create a separate GitHub repository based on powerauth-webflow-customization project for storing your resources customizations
• Update Web Flow resources by overriding existing texts, CSS, fonts and images or by adding additional resources
• (Optional) Commit and push changes to your GitHub repository, in case you created it in the previous step.
• When deploying Web Flow, update the following Spring boot property (currently present in application.properties):

powerauth.webflow.page.ext-resources.location=classpath:/static/resources/

There are many possible ways how to override Spring boot properties, see: https://docs.spring.io/spring-boot/docs/current/reference/html/boot-features-external-config.htm

The following example configures path to the application.properties file for Tomcat.

1. Configure variable spring.config.location in Context configuration file [path_to_your_tomcat]/conf/Catalina/[host]/[path_in_URL].xml

2. Update the path for ext-resources in application.properties reflecting your deployment: ```properties powerauth.webflow.page.ext-resources.location=file:/path/to/ext-resources ```

See documentation for configuration of environment properties of your container in case you don't use Tomcat.

Customizing texts

Customizing CSS styles

Customizing images

Customizing fonts