自定义 MATLAB Web App Server App 主页

编辑配置文件。

在文本编辑器中打开 CustomConstants.json 文件。该文件包含您的 App 主页的各种可自定义属性。默认内容如下：

{
    "WEB_APPS_HEADER": "MATLAB Web Apps",
    "HEADER_LOGO_FILENAME": "header_logo.png",
    "TAB_TITLE": "",
    "TAB_LOGO_FILENAME": "favicon.png"
}

修改置顶消息标题。

将 "MATLAB Web Apps" 默认标题更改为自定义标题。标题的最大长度约为 50 个字符，具体取决于字体类型和大小。

在页眉中添加自定义徽标。

您可以通过将徽标图像的文件名指定为 JSON 文件中 "HEADER_LOGO_FILENAME" 属性的值来将自定义徽标添加到标题中。例如，如果您的徽标图像名为 myLogo.png，则您的 JSON 文件应包含 "HEADER_LOGO_FILENAME": "myLogo.png"。图像文件应与 JSON 文件位于同一目录中。支持以下图像格式：JPG、JPEG、PNG、GIF、SVG、ICO。

自定义浏览器选项卡。

与标题类似，您可以自定义浏览器选项卡标题并添加自定义徽标。这可以通过在 JSON 文件中指定 "TAB_TITLE" 和 "TAB_LOGO_FILENAME" 属性的值来完成。例如，如果您的选项卡徽标图像名为 myTabLogo.png，并且您希望选项卡标题为 Hello World Web App，那么您的 JSON 文件将具有 "TAB_TITLE": "Hello World Web App" 和 "TAB_LOGO_FILENAME": "myTabLogo.png"。标签页徽标的图像文件应与 JSON 文件位于同一目录中。支持以下图像格式：JPG、JPEG、PNG、GIF、SVG、ICO。

保存文件并刷新 App 主页。

您的 App 主页现在反映了新标题，并且标题和浏览器选项卡显示您的自定义徽标。

在文本编辑器中打开 custom-css.css 文件。

/*
-----------------------------------------------------------------
    CSS that can be customized to accommodate company branding
-----------------------------------------------------------------
*/

/* Banner Color */
.clientmdwas .headerBanner {
    background-color: rgb(32, 126, 178);

}

/* Banner Title Font and Font Size*/
/* Recommended default settings */
.clientmdwas .bannerTitle {
    font-family: Arial, cursive;
    font-size: 28px; /* Recommended range 20-30px, depending on font family used. */
}

/* Header Logo Size*/
/* Recommended default settings */
.clientmdwas .headerLogo {
    height: 1.2em; /* height scaled based on font size of document. */
    width: auto; /* width "auto" allows the browser to calculate the width.*/
}

要更改横幅颜色，请将 background-color 属性设置为有效的 CSS 颜色。有关详细信息，请参阅 CSS 颜色。

要更改字体类型，请将 font-family 属性设置为有效的 CSS 字体类型。有关详细信息，请参阅 CSS 字体。

要更改字体大小，请将 font-size 属性设置为有效的 CSS 字体大小。建议范围是 20-30px。有关详细信息，请参阅 CSS 字体大小。

要设置标题徽标大小，请将 height 和 width 属性设置为有效的 CSS 值。

保存文件并刷新 App 主页。