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.

What is the IBM TRIRIGA UX Framework?

The IBM TRIRIGA Application Platform introduces an MVC-based UX framework for Polymer-based applications. The model-view-controller (MVC) approach separates the application into three components or layers: the model, view, and controller. The view layer is built upon the Polymer library of reusable web components. With a modular and flexible architecture, the UX framework enables organizations to more easily meet business requirements with an intuitive user interface, compatibility with touch interfaces, and improved performance.

1. Getting familiar with the IBM TRIRIGA UX framework

• UX Framework & Perceptive Apps: Review the minimum versions of the operating systems that are supported by UX applications.
• Getting Started with UX: Get started with links to product documentation, and tips to access the Perceptive applications.

2. Building your own applications in the IBM TRIRIGA UX framework

• UX App Building: Learn about the key concepts, basic app-building process, and new tools in the UX framework.
  • WebViewSync (Polymer 1): Populate the HTML files and automatically sync your HTML changes in your TRIRIGA environment.
  • Commanding UX (Polymer 3): Populate the JavaScript (JS) files and manage your UX view with NPM-based tools.
• UX Perceptive Apps: Learn about the advanced type of UX application that is delivered exclusively by our IBM TRIRIGA software team.
• UX Videos: Learn about the key concepts, basic app-building process, and new tools in the UX framework. YouTube format.
• UX Lessons: Learn about the key concepts, basic app-building process, and new tools in the UX framework. eLearning format.
  • [Updated 03.11.21: In April 2021, TRIRIGAFEEDIA will retire or “sunset” its Adobe Captivate-based eLearning modules called “UX Lessons“.]

3. Looking for help or advice with the IBM TRIRIGA UX framework

• UX Tips & Tricks: Learn about creative ways to use the UX framework and make the most of your UX applications.
• UX Chat: Feel free to ask any questions about the UX framework.
• UX Forum: Feel free to ask any questions about the UX framework.
• UX Forum (Archived): Feel free to search any archived questions about the UX framework.

[Admin: This post is related to the 08.15.15 post and 08.01.15 post about Shift. “Shift” was renamed “UX Framework” on the platform side, while “Perceptive” refers to TRIRIGA-built UX apps on the application side. This post is also related to the UX Articles, UX Videos, and UX Lessons blog pages.]