[tririga 10.8/3.8] Edit the header color

SDA

Hello,

Is it possible to change the header color on Tririga 3.8/10.8
I can't find it in the style manager but maybe this task should be done elsewhere?

Thanking you in advance

Admin

SDA Hi, maybe this TRIRIGA guide will help.

3.8 Configuring the user experience
https://www.ibm.com/docs/en/tap/3.8?topic=platform-configuring-user-experience

SDA

Hello,
I can't find the possibility to change the header color in the style modification options. Has anyone ever succeeded in changing the tririga header theme?

Admin

SDA Hi, here are some more TRIRIGA links.

Styling & Style Manager
https://www.notion.so/tririgafeedia/Styling-Style-Manager-5ddcb190421d468b81ff8dbd05cd5afb

3.8 UX App Building (for UX/Perceptive apps)
https://www.ibm.com/docs/en/tap/3.8?topic=framework-ux-app-building

@acmatson Hi, do you have any other suggestions?

SDA

Hello,
Someone help me to find the solution.

While logged in as an administrator, go to Tools>Administration>Platform CSS Configuration and open the triPlatformNavigation record. Download the CSS from the View File binary field to your local system.

Modify the following items in the CSS to set the color you want to use, either with the color name or hex value:
.bx--header{
    background-color: Blue;

.bx--side-nav {
    background-color: Blue;
Save the CSS and load it back to the same record you downloaded it. That's all there is to it.

Admin

SDA Yes, depending on whether your 10.8/3.8 environment is new or upgraded, you may need to manually add the navigation item to access that "Platform CSS Configuration" tool. Here's more info:

See 3.8 "Adding navigation items":
https://www.ibm.com/docs/en/tap/3.8?topic=components-adding-navigation-items

See 3.8 Release Notes for "Platform CSS Configuration":
https://www.ibm.com/support/pages/node/1275142

Cervage

What actions needs to be done after with this Attention Message "A change was saved. A revision needs to be created for the Web View." this message appear after importing and saving the css file

Admin

Cervage Hi @Cervage , basically, this is for tracking the object revisions. Since the change was not in the metadata record itself, but from a file import, the record revision isn't created automatically. But you can create a revision manually by going to the Web View Metadata record and clicking "Create Revision". Here's the related documentation:

Revisions to UX Metadata
https://www.ibm.com/docs/en/tap/3.8?topic=revisions-ux-metadata

Copying @jeff_long and @such for confirmation/awareness.