In Studio Pro there is no such function. In Studio there is only the option to set the color of the background.

Therefor setting a background image should be done in the _custom.scss and the same as any other css-using platform:

body {
  background-image: url("myBGimage.jpg");
}

Hello

Manali Gupta

In Studio Pro there is no such function. In Studio there is only the option to set the colour of the background.

so open your project in studio, click on Theme Customizer ( see in left side – bottom area) in that you can change the colour of background as you want.

Hi Manali,

For Setting Background Image , Mendix has One Building Block Which Name As HeroHeader Background.U Can Try This.

Thanks.

Hello, add an image in the page and in scss file (_myfile.scss), create a class, then in the appearance of the image: "appearance->common->class" add the class name, so you can see the background image.

in file scss:

.backgroundimage {

   position: absolute;

   z-index: 0;

   top: 0;

   height: 100%;

   width: 100%;

   filter: brightness(100%);

 }