Page History

Watch the video tutorial on Creating Your Own Userview Theme.

This section will show you how to create a userview theme. Before proceeding, Before we can begin, please make sure that you have completed Building From from Source. In this article, we are going to show you on how to create a Userview Theme. 

Create

...

Create a new UserviewTheme file

Copy resources from existing themes

New Maven Project

1. Download wflow-plugin-archetype.zip.
2. Create a new project using the following instructions:
   Image Added
3. When you are ready, open your project in your Netbeans.

Create a New Userview Theme File

1. Create a new Java file to be used for the userview theme.
   Image Added
2. You may copy implementation codes from the existing Default Theme in the wflow-core project.

Copy Resources From Existing Themes

1. Create your theme files in "src/main/resources/themes/green/".
2. Copy the properties definition file from "wflow-core/src/main/resources/properties/userview/defaultTheme.json".
3. Copy the message file from "wflow-consoleweb/src/main/resources/message/userview".

Customize Your Theme

Make the necessary changes in naming in order to reflect your new theme.

Activate Your Theme

In Activator.java, add the newly created userview theme class to the BundleActivator activation list.
Image Added

Build and Upload the Plugin

When you are ready, build and upload the plugin to the Manage Plugins section of "System Settings" in your Joget console.

Image Added

After uploading the plugin, preview the newly created userview theme in one of your apps.

Image Added

Customize your theme

Activate your theme

...