how can i insert image as background in my forms ?

1
0
-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.

3 answers

1
+2
-1
This one is the BEST answer!

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 ')

2) Take a container and set the css section as landing-background

3) Preview and the image should be visible.

Please use high resolution image

Comments

Submitted by wissamdjellad_1... on Mon, 06/10/2019 - 21:08

thank's a lot for your help, it worked finally :D

1
+1
-1

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

Comments

Submitted by wissamdjellad_1... on Thu, 06/06/2019 - 16:18

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 :(

1
0
-1

please answer me !!

Comments

Submitted by Dibyajit.Roy on Sun, 06/09/2019 - 13:00

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

Submitted by wissamdjellad_1... on Sun, 06/09/2019 - 14:39

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

Notifications