Skip to Content
This question has been flagged
imageqwebcsswebsite
2 Replies
10896 डेटा देखने का तरीका
अवतार
Md. Tanzilul Hasan Khan

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?

Thanks

अवतार
खारिज करें
अवतार
Ijas Ahammed P
Best Answer

if you dont need to use js you can directly give like this,

t-attf-style="background-image: url({{'data:image/png;base64,%s' % company.logo.decode('utf-8')}});"

अवतार
खारिज करें
अवतार
Shameem Babu
Best Answer
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.

Example

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

All the Best  ! 


अवतार
खारिज करें
Related Posts Replies डेटा देखने का तरीका ऐक्टिविटी
Get Image in qweb as image.png
image qweb website
अवतार
0
अक्तू॰ 16
5231
How to avoid stretched image with website_multi_image_zoom module? Solved
image multi css website
अवतार
1
जन॰ 17
5375
Footer social icons not aligned properly in mobile view (Odoo 18)
css website
अवतार
0
अप्रैल 26
762
Qweb Target Website Only
qweb website
अवतार
1
दिस॰ 24
4093
Load image from db to qweb report Solved
image qweb
अवतार
अवतार
2
अग॰ 20
6098