[Solved] AuthenticationView background image

[Trevor]

Hi,

I'm having problems loading a background image for the authentication view as a cover for the whole body. The image seems to be linked to the Signin and Signup views, everytime the view switches. I've tried a few things without success.  Currently the image is loaded like below:

#kendoUiMobileApp .front-page {
    background-image: url(../styles/images/frontpage.gif);
    background-repeat: no-repeat;
    height: 100%;
    background-size:cover;
    margin: 0 auto;

}

 

 

 Appreciate all the help.

Thanks,
Trevor

[Dimitrina]

Hello Trevor,

You could specify an id for the Authentication view:

<div data-role="view" data-title="Authentication" id="test" ... />

Then, apply a style similar to the following examples:

/* View content backgrounds */
#kendoUiMobileApp #test .km-content {
     background-image: url(../styles/images/frontpage.gif);
   // background: linear-gradient(#06D6A0, #35A7FF);
}

/*View header backgrounds */
#kendoUiMobileApp #test .km-navbar {
   //background-image: url(../styles/images/frontpage.gif);
   background-color: #06D6A0;
}

I hope this helps.

Regards,
Dimitrina
Telerik

[Trevor]

worked great!  I just added

 

background-size:cover;

 

Thank you!
Trevor