在充分利用 IBM Maximo 应用程序套件 (MAS) 时，最重要的指导原则之一是配置，而不是自定义。MAS 的灵活性使您可以根据组织的外观、感觉和工作流程定制系统，而不会引入自定义代码通常带来的技术债务和维护风险。
‍

在本博客中，我们将介绍 MAS 功能，该功能允许管理员配置自定义 CSS MAS 功能，以完善您的 MAS 和 Manage 标题。在相关博客中，我还将研究如何调整 “管理系统属性” 和 MAS 功能以自定义标题。

什么是 CSS

简而言之，CSS 代表层叠样式表。在 Maximo 中，这将允许使用标记语言控制颜色、字体、空白填充等所有内容。通常，CSS 允许你控制 Maximo 内容在屏幕上的外观，而不是显示什么内容。

如何获得 CSS 功能

使用系统配置访问权限登录 MAS 允许您进入配置菜单。在 MAS v9.1 中，它位于套件 > 管理 > 配置下的导航菜单中。在旧版本的MAS中，菜单类似，但最初必须通过应用程序右上角的管理设备进行访问。

‍

‍

进入配置菜单后，用户界面自定义页面将允许配置标题。还有另一个名为 CSS 自定义的选项卡，可以在其中保存和发布自定义 CSS。这些配置的好处是它们处于 MAS 核心级别，因此当您将生产数据库回流到非生产系统时，它们将保持不变。

‍

‍

你怎么知道要改变什么？

在大多数浏览器中，开发者工具中都有一个检查功能。在我的示例中，我右键单击要检查CSS的区域，选择检查，然后通过浏览器在其中找到样式选项卡。在这里，您可以找到要修改的现有标签，也可以添加其他标签。一个不错的浏览器功能是，你可以在会话中临时修改这些配置并获得实时反馈。当你学习如何操作 CSS 或者你没有系统管理员访问权限并想向管理员提出更改建议时，这可能非常有用。

‍

‍

CSS 示例

在本节中，我重点介绍了一些示例，这些示例可让您使用CSS标记标题栏和菜单。这些只是我认为可以应用于几乎所有系统的一些例子。我发现这些在非生产系统中特别有用，在这些系统中，你想强调用户不在生产系统中。

‍

/* 扩大标题宽度 */

.mas-common-shell--自定义徽标

{最大宽度：6rem；}

‍

/* Hide values in the help menu */ 
a[data-testid="suite-header-help--whatsNew"], 
a[data-testid="suite-header-help--gettingStarted"], 
a[data-testid="suite-header-help--support"], 
a[data-testid="suite-header-help--videos"], 
a[data-testid="suite-header-help--requestEnhancement"]  
{ display: none !important; } 

‍

‍

‍
‍

/* Adjust Header Background Colors */ 
.cds--header,  
.cds--header .cds--header__name,  
.cds--header__global,  
.cds--header a.cds--header__menu-item, 
.iot--suite-header-profile 
{ background-color: #365A6F; }

‍

‍

‍

/* Adjust left menu colors */ 
.cds--side-nav 
{ background-color: #365A6F; }  

/* Adjust menu search bar */ 
.cds--search, 
.cds--search-input   
{ background-color: #18242C !important; }

‍

‍

‍

最后并排应用所有示例 CSS

‍

‍

通过专注于 配置而不是自定义，您可以创建一个与众不同的 Maximo Manage 环境——视觉上很熟悉，易于浏览，并在未来的升级中得到全面支持。
‍

诸如属性更改、标题更新和 CSS 优化之类的小调整可以在不使系统复杂化的前提下改善用户体验。这些调整使 Manage 不仅功能齐全，还能像家一样舒适。