[SOLVED] Login Page Graphic

[JPinTO]

The Login page in Valence 3.1 displayed a graphic Valence_logo3.png in vvresources/header/header.html

During the Valence 3.2 upgrade, the login page no longer displays a logo. The vvresources/header/header.html still refers to an img src of valence_logo3.png, but no image displays.

I assume there must be another hook.js setting, perhaps loginHeaderUrl that controls something but I cannot find it.

Where is the best place to put a graphic on the login home page?

- JP

[sean.lanktree]

Correct, this should go in the Hook.js file. I would suggest hooking into the componentrender of the loginform...

componentrender : function(cmp){
    if (cmp.xtype === 'loginform'){
        Ext.ComponentQuery.query('#login_form_cnt')[0].add({
            xtype : 'image',
            src : '/pathToMyImage/myImage.png',
            region : 'north',
            height : 50
        });
    }
},

[JPinTO]

Thanks.

I had to make a minor adjustment to that as I was getting graphic stretching:

					Ext.ComponentQuery.query('#login_form_cnt')[0].add({
					    xtype: 'container',
					    region: 'north',
					    items: [{
							xtype: 'image',
							src: '/pathToMyImage/myImage.png',
							height: 50
					    }]						
					});

[sean.lanktree]

If you get a moment, can you post the change you made as others may find it useful?

[JPinTO]

I posted the code change above.

I changed your methodology of using an image xtype to a container with an image in it. That way the image doesn't scale inside the container.