Pixel Perfect Backgrounds

[Piotr]

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

 

[Tsvetina]

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