how to set backgroup image on table or others?

HI ,There , 

I make one page , How can I set the image as background like below and on the image I place some buttons . 

Many thanks,
Jack

 




Hi Jack,


Please refer this Post: https://www.outsystems.com/forums/discussion/58879/position-text-over-an-image/#Post224045


Hope this helps you!


Regards,

Benjith Sam

Why didn't you just add it to to your page css stylesheet?

Should be something like this:

body {
    background-image: url('/MHPS/img/background.png');
}

About background, you can check this forge component too.

HI @Jack Bao

you can follow these steps in order to add the background image to your page, below am attaching some of the screenshots

this is my page:


In this page you need add CSS  something like this : 

SyntaxEditor Code Snippet

body{
background-image: url('/SecretSanta_UI/img/SecretSanta_UI.santahomepage.jpg'); 
background-size:  100%;
    background-attachment:  fixed;
    overflow:  scroll;
    

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}


I hope this helps you,

thank you

regards,

srini


Hi Benjith,

Thks,but it seems hard to fix the position on image.

BR,

Jack

About how set  image to button, please check this post.