Logo image is not coming at signin page of XCP application

Jothi-Its

Hi,

    After migration of xcp application from xcp 2.0 to 2.2 , my custom theme is not working properly. The logo image in signin page is not coming. 

The same logo  came in version 2.0. but it is not coming in xCP 2.2. i have given my .scss file content.

// compass

@import 'common';

//@import 'compass';

// xcp default theme

@import 'xcp/default/variables/xcp';

@import 'xcp/default/mixins/shapes';

@import 'xcp/default/mixins/widget';

@import 'xcp/def//ault/util/utils';

@import 'xcp/default/widgets';

/** Overrides **/

$xcp-app-header-background-gradient-start: #990000;

$xcp-app-header-background-gradient-end: #990000;

$xcp-app-header-background-gradient: color_stops($xcp-app-header-background-gradient-start 40%, $xcp-app-header-background-gradient-end 60%);

$xcp-app-menu-label-text-font-color: white;

$xcp-app-menu-label-text-font-size: 13px;

$xcp-app-menu-label-text-font-family: GothamLight, Helvetica, Arial;

$xcp-widget-button-color: #990000;

$xcp-widget-button-color-over: adjust-color($xcp-widget-button-color,

$saturation: 10%, $lightness: 10%);

$xcp-widget-button-color-pressed: adjust-color($xcp-widget-button-color,

$saturation: -5%, $lightness: -5%);

/******************************

COLOR DEFINITIONS   

try colorschemedesigner.com */

$main-dark: #990000;

$main-light: #990000;

$comp-dark: #990000;

$comp-light: #990000;

$main-dark-50: rgba($main-dark,0.5);

$main-dark-25: rgba($main-dark,0.25);

$main-dark-10: rgba($main-dark,0.1);

$main-light-50: rgba($main-light,0.5);

$main-light-25: rgba($main-light,0.25);

$main-light-10: rgba($main-light,0.1);

$comp-dark-50: rgba($comp-dark,0.5);

$comp-dark-25: rgba($comp-dark,0.25);

$comp-dark-10: rgba($comp-dark,0.1);

$comp-light-50: rgba($comp-light,0.5);

$comp-light-25: rgba($comp-light,0.25);

$comp-light-10: rgba($comp-light,0.1);

$grey-25: rgba(#999999,0.25);

$grey-10: rgba(#999999,0.10);

$faded: rgba(#999999,0.005);

$xcp-app-menu-button-background-color-over: rgba(#990000, .25);

.signin-panel .signin-logo-panel .x-panel-body {

background: url("../../../../../Artifacts/Resources/lms_theme/logo.jpg") no-repeat scroll 0 0 transparent

}

Regards,

Jothi

nking

You do it differently in 2.2:

// LOGIN PAGE - PUT FILE Logo.png IN \src\main\webapp\js\resources\css            

#signin-page { background: $login-page-color; }

.signin-panel {

  background: $login-box-color;

  border-radius: 0px;

}

.signin-panel .signin-form .x-panel-body { background-image: none!important; border: none; }

.signin-panel .signin-logo-panel .x-panel-body { background: url("Logo.png") no-repeat scroll 0 0 transparent;margin-left: 0px; }

If you check out the new OOTB theme in 2.2 (Clear Blue) and the Designer help on the theme, you might find it easier going forward to use that.