本主題說明如何修改管理主控台登入頁面上的元素。

備註: 開始之前,請將您要用於此程序的任何自訂檔案新增至 DEPLOYMENT_PATH/appblast/webclient/icons-15736269/custom。如果您尚未建立此資料夾,請參閱 建立用於 Blast 入口網站品牌影像的資料夾

標誌色彩

若要變更標誌色彩,請在組織的兩個租用戶應用裝置中編輯 style.app-htmlaccess.f33ab3196e5a180e246e.css 檔案:
$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 
編輯此檔案的區段,如下所示。已編輯的文字為 BRANDING_RESOURCE_PATH/horizon.png
.ui-pattern-logo {
height: 112px;
margin: 0 auto;
width: 180px;
background: url(BRANDING_RESOURCE_PATH/horizon.png) no-repeat;
margin-bottom: 32px;
}

下列影像顯示進行這些變更前後的頁面外觀範例。

之前 之後

標誌大小

若要變更標誌大小,請在組織的兩個租用戶應用裝置中編輯 style.app-htmlaccess.f33ab3196e5a180e246e.css 檔案:
$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 
編輯此檔案的區段,如下所示。已編輯的文字為 BRANDING_RESOURCE_PATH/horizon_2x.png
.ui-pattern-logo {
height: 112px;
margin: 0 auto;
width: 180px;
background: url(BRANDING_RESOURCE_PATH/horizon_2x.png) no-repeat;
margin-bottom: 32px;
}

下列影像顯示進行這些變更前後的頁面外觀範例。

之前 之後

登入按鈕

若要修改此按鈕,請在組織的兩個租用戶應用裝置中編輯 style.app-htmlaccess.f33ab3196e5a180e246e.css 檔案:
$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 
編輯此檔案的區段,如下所示。已編輯的文字為 red
ui-panel-footer .btn-primary[disabled], .ui-panel-footer .btn-primary[disabled]:hover {
background-color: red
;
border-radius: 4px;
width: 295px;
height: 41px;
}

下列影像顯示進行這些變更前後的頁面外觀範例。

之前 之後

登入頁面註腳

若要修改此標誌,請在組織的兩個租用戶應用裝置中編輯 style.app-htmlaccess.f33ab3196e5a180e246e.css 檔案:
$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 
編輯此檔案的區段,如下所示。已編輯的文字為 BRANDING_RESOURCE_PATH /vmware_logo_dark.svg
.bottom-logo {
width: 83px;
height: 13px;
opacity: 100%;
position: absolute;
bottom: 30px;
left: 51%;
margin-left: -52px;
background: url(BRANDING_RESOURCE_PATH /vmware_logo_dark.svg) no-repeat;
background-size: 83px 13px;

下列影像顯示進行這些變更前後的頁面外觀範例。

之前 之後