Is it possible to change background as image?
Question

Hi!  Is it possible to change the background as image in Outsystems v.10?

If possible, could you please help me know the process on how to do it?

Thank you!

Hi,

In your page css just add the following.

body {
 background-image: url("paper.gif");
}


Sourav Pasari wrote:

Hi,

In your page css just add the following.

body {
 background-image: url("paper.gif");
}


 

 I did that.  But it's not working.

mvp_badge
MVP

Hi Gem,

That would be standard CSS. Google the internet for CSS and "background".

mvp_badge
MVP

Hi Gem,

Yes, is possible, try found in your code like this:


more about in this post.


Regards.

Hi,

In your page css just add the following.

body {
 background-image: url("paper.gif");
}


Sourav Pasari wrote:

Hi,

In your page css just add the following.

body {
 background-image: url("paper.gif");
}


 

 I did that.  But it's not working.

Everyone,


Could I possibly edit the background even I'm using Dublin template?

Gem Pazziuagan wrote:

Everyone,


Could I possibly edit the background even I'm using Dublin template?

 

 I think there should not be any issue for any theme you used. Its simply  a background image change that actually add a background body css in html.

Hi Gem,

You can use one more easy solution, use Background card for background image.

Hope it helps .

Good Day:)

Regards,

Samiksha

mvp_badge
MVP

Hi Gem Pazziuagan,

You will need to publish your module before the preview will show you the background image (until then, the image is not on the server). Just make sure the URL you use matches the URL of your Image (check the properties of the static image in Interface > Images > your image

Also, check what class the MainContent placeholder (of your layout) has and if that class defines anything related to background color, as that will impact a large portion of your screen as well and may hide your <body> background image.

Hope this helps!

Jorge Martins wrote:

Hi Gem Pazziuagan,

You will need to publish your module before the preview will show you the background image (until then, the image is not on the server). Just make sure the URL you use matches the URL of your Image (check the properties of the static image in Interface > Images > your image

Also, check what class the MainContent placeholder (of your layout) has and if that class defines anything related to background color, as that will impact a large portion of your screen as well and may hide your <body> background image.

Hope this helps!

 I checked the London style sheet which I can't edit.  It has the css for body then background color #f2f2f2.

 

Maybe that's why my css was not reflecting?


Is there any way to reflect my css?

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.