Blast Portal Login Page

This topic describes how to modify elements on the Administration Console login page.

Note: Before you begin, add any custom files you are using for this process to the DEPLOYMENT_PATH/appblast/webclient/icons-15736269/custom. If you have not yet created this folder, see Create a Folder For Blast Portal Branding Images.

Logo Color

To change the logo color, edit the style.app-htmlaccess.f33ab3196e5a180e246e.css file in both tenant appliances in the organization:

$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 

Edit the section of this file shown below. The text that has been edited is 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;
}

The following images show an example of the appearance of the page before and after these changes.

BEFORE	AFTER

Logo Size

To change the logo size, edit the style.app-htmlaccess.f33ab3196e5a180e246e.css file in both tenant appliances in the organization:

$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 

Edit the section of this file shown below. The text that has been edited is 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;
}

The following images show an example of the appearance of the page before and after these changes.

BEFORE	AFTER

Login Button

To modify the button, edit the style.app-htmlaccess.f33ab3196e5a180e246e.css file in both tenant appliances in the organization:

$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 

Edit the section of this file shown below. The text that has been edited is red.

ui-panel-footer .btn-primary[disabled], .ui-panel-footer .btn-primary[disabled]:hover {
background-color: red
;
border-radius: 4px;
width: 295px;
height: 41px;
}

The following images show an example of the appearance of the page before and after these changes.

BEFORE	AFTER

Login Page Footer

To modify the logo, edit the style.app-htmlaccess.f33ab3196e5a180e246e.css file in both tenant appliances in the organization:

$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/appblast/webclient/style.app-htmlaccess.f33ab3196e5a180e246e.css 

Edit the BRANDING_RESOURCE_PATH section of the file.

The following images show an example of the appearance of the page before and after these changes.

BEFORE	AFTER