Odoo Help


CSS attribute (background-image) from Odoo Backend

Md. Tanzilul Hasan Khan
on 10/21/16, 3:05 AM 969 views

I have a custom field which stores image in backend. I want to show that image as background image of a section on website.

The css is - background-image:url("custom_image.jpg"); [currently static]

How can I get  the image custom_image field image from backend to website css or style?


Shameem Babu @ iWesabe
On 10/27/16, 2:48 AM
You can solve your problem using following steps

Step 1: Create a Javascript File and call a python function when document is ready.

$(document).ready(function () {
//Call a Python function

Use what I explained you earlier  : https://www.odoo.com/forum/help-1/question/odoo-9-website-js-help-109603#answer-109604

Step 2: Return value of Image field in python function 

Step 3: Set Background image using JQuery.


(new Model('your.model')).call('your_function').then(function (your_return_value) { 
     var image_format = 'url("data:image/gif;base64,'+ your_return_value +'")'
     $(".oe_leftbar").css("background-image", image_format);

All the Best  ! 

About This Community

This platform is for beginners and experts willing to share their Odoo knowledge. It's not a forum to discuss ideas, but a knowledge base of questions and their answers.


Odoo Training Center

Access to our E-learning platform and experience all Odoo Apps through learning videos, exercises and Quizz.

Test it now

Question tools

1 follower(s)


Asked: 10/21/16, 3:05 AM
Seen: 969 times
Last updated: 10/27/16, 6:48 AM