Pixel Perfect Backgrounds

Thread is closed for posting
2 posts, 0 answers
  1. Piotr
    Piotr avatar
    1 posts
    Member since:
    Sep 2016

    Posted 01 Oct 2016 Link to this post


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




  2. Tsvetina
    Tsvetina avatar
    2481 posts

    Posted 05 Oct 2016 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.

    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