Pixel Perfect Backgrounds

2 posts, 0 answers
  1. Piotr
    Piotr avatar
    1 posts
    Member since:
    Sep 2016

    Posted 01 Oct Link to this post

    Hi,

    What would be the best way, to display pixel perfect backgrounds for the views (in a manner similar to splashscreens). With device orientation support.

    Best

    Piotr

     

  2. Tsvetina
    Admin
    Tsvetina avatar
    1876 posts

    Posted 05 Oct Link to this post

    Hello Piotr,

    If your image is big enough (I guess so, as you mention that it is similar to a splashscreen), you can set it as a background with size property set to cover:
    .km-nova div.km-content {
        background-image: url('background.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    For other skins, replace "nova" with the skin name. 

    The cover value specifies that the background image should be sized so that it is as small as possible while ensuring that both dimensions are greater than or equal to the corresponding size of the container (reference).


    Let me know if this is the appearance that you are looking for.

    Regards,
    Tsvetina
    Telerik by Progress
    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
Back to Top