本主題說明如何修改管理主控台登入頁面上的元素。
備註: 開始之前,請將您要用於此程序的任何自訂檔案新增至
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;
下列影像顯示進行這些變更前後的頁面外觀範例。
之前 | 之後 |
---|---|