XTM Portal 26.2

Use the sample CSS below to change the colors on an active sub-tab in XTM Portal Project list tab screen, for all XTM Portal users. When you do so:

.PortalProjectFilters-root .MuiButtonBase-root.Mui-selected { color: #BE6AAA; background-color: #FFCDF3; }.PortalProjectFilters-root .MuiTabs-indicator { background-color: #FFCDF3; }Cascading Style Sheets

Use the sample CSS below to hide the Create project without files for translation setting in the translation request.

.ra-input-_noContent {display: none;}

Use the sample CSS below to create a tooltip containing the "This is a tooltip" text above the Customer-related fields (for example, above the Customer field), in the translation request form.

.ra-input-customer:after {content: "This is a tooltip";position: absolute;top: 50px;display: none;text-align: center;background-color: white;color: black;border-radius: 4px;padding: 2px;background-color: white;z-index: 1;border: 1px solid #aaa;}.ra-input-customer:hover:after {display: block;}

Use a similar CSS to the one below to change the background and border colors in the translation request form and hide a custom field for a selected customer. For example, you can hide the "Payment method" field (whose ID is 456) for the "Internal" customer (whose ID is 123) and also style the request form. These changes will only apply if a user selects this customer in the translation request form.

You can check the ID for the selected customers and custom fields in the HTML source code or the XTM Portal API. You can also ask our XTM Support team for help.

.PortalLayout-translation_requests-create {.customers-123 .ra-input-customField_456 {display: none;}.customers-3630865 {background-color: #e7fffc;}.PortalTranslationRequest-requestDetails,.PortalTranslationRequest-additionalInfo {border: 1px solid blue;}}

Use a similar CSS to the one below to replace the "Translation request" form title with "New request" at the top of the request form and in the menu on the left-hand side of the screen.

.PortalLayout-translation_requests-create {
    #react-admin-title span:last-of-type {
        span {
            display: none;
        }
        &::before {
            content: "Send request";
        }
    }
}

/* Change sidebar menu item tooltip from "Translation request" to "New request". */
.MenuItemLink-resources_translation_requests_form .MuiTooltip-tooltip span {
    display: none;
}
.MenuItemLink-resources_translation_requests_form .MuiTooltip-tooltip::after {
    content: "Send request";
    font-size: 0.6875rem;
}