how can i insert image as background in my forms ?

Q&A
1

i’m using bonita community 7.8.4 and i want to insert a backgroung image in my form ,can anybody help me please ?
thanks.

2

Yes, It can be done.
Convert the Image in Base 64 format.
Copy the encoded image in a text file and save it as .css format.
Copy the css in the asset section of the form.
Using CSS , set background image property. set the image as background.

Regards

3

please answer me !!

4

Here are the steps to set an Image as Background image.

  1. Create a Css file and name the file as landing and insert the base 64 encoded image in the css.
    please use the below formatting as shown

.landing-background {
min-height: 770px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-image: url('data:image/png;base64, paste your image encoded code here ')

  1. Take a container and set the css section as landing-background

  2. Preview and the image should be visible.

Please use high resolution image

5

thank you for your answer .
the css where i set the background image is the same .css format ?
because i used another css that contain:
body{
background-image:url(“image.jpg”);
}
but nothing change :frowning:

6

hi
sorry i was away.
i will share a detailed answer soon

7

okey thank’s .
i wish a soon response because i don’t have much time

8

thank’s a lot for your help, it worked finally :smiley: