UX: How do you edit the theme?


By default, global styling for all TRIRIGA UX applications exists in a file named “triplat-theme.html” which is automatically delivered and applied in the browser whenever a TRIRIGA UX application is loaded. In order to overwrite this theme file, application developers can deliver a custom “triplat-theme.html” file by creating a TRIRIGA UX Web View record named “triplat-theme”.

This “triplat-theme” Web View record may or may not already exist in your environment. You can navigate to “Tools > Web View Designer” to see if it exists. If “triplat-theme” already exists, you can download and modify it using WebViewSync, like you would with any other Web View record. Simply type the following command in whatever directory you’re using WebViewSync with for your TRIRIGA environment:

java -jar WebViewSync.jar addview -v triplat-theme

If “triplat-theme” does not exist, you will need to create a new Web View record called “triplat-theme” and upload your own “triplat-theme.html” into it.

  • 1. Navigate to “Tools > Web View Designer” and click “Add”.
  • 2. In the record form, set the Name, Exposed Name, and ID to “triplat-theme”.
  • 3. Upload your file (named “triplat-theme.html”) to this Web View.

All TRIRIGA UX applications will now load your triplat-theme.html file instead of the file that exists in the UX Framework.

Continue reading

One thought on “UX: How do you edit the theme?

  1. Pingback: UX: How do you override the CSS or theme color of the toolbar? | TRIRIGAFEEDIA

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s