AuthenticationView background image

3 posts, 0 answers
  1. Trevor
    Trevor avatar
    4 posts
    Member since:
    Oct 2014

    Posted 10 Jan Link to this post

    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

  2. Dimitrina
    Admin
    Dimitrina avatar
    3769 posts

    Posted 13 Jan Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. Trevor
    Trevor avatar
    4 posts
    Member since:
    Oct 2014

    Posted 13 Jan in reply to Dimitrina Link to this post

    worked great!  I just added

     

    background-size:cover;

     

    Thank you!
    Trevor

Back to Top