Page History

Watch the video tutorial on thisCreating 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

...

New Maven Project

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

Create a

...

New Userview Theme File

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

Copy

...

Resources From Existing Themes

1. Create your theme files at in "src/main/resources/themes/green/".
2. Copy the properties definition file from "wflow-core project at path "/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

...