Skip to Content
Menú
This question has been flagged
2 Respostes
404 Vistes

I tried to add custom css in following way to a button:

<button name="action_upload_file" type="object" string="Upload File" class="custom-attachment-button" />


But when I inspect the button I see that this class is not applied (it is in the manifest file of the module)

Even when I try to add just a simple icon it does not display it (also added to the manifest file, of specific module) 

<button name="action_upload_file" type="object" string="Upload File" icon="fa fa-paperclip" />


Where am I going wrong?

Avatar
Descartar

What's your source exactly?

Best Answer

Hi,


1-  Create a new css file (your_module/static/src/css/your_style_sheet.css)


2-  Create a XML file (your_module/views/css_loader.xml)


3- In css_loader.xml

     

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<data>
<!-- Load css File -->
<template id="my_custom_css_asset" name="my_custom_css assets" inherit_id="web.assets_backend">
<xpath expr="." position="inside">
<link rel="stylesheet" href="/your_module/static/src/css/your_style_sheet.css"/>
</xpath>
</template>
</data>
</odoo>



Then you can use class ="your_custom_class" attribute in your button definition in xml file.


Hope it helps

Avatar
Descartar
Best Answer

May it be a problem with the css file permissions? Please, check in the inspector if your css file is being loaded.

Avatar
Descartar
Related Posts Respostes Vistes Activitat
1
de nov. 24
810
1
de set. 24
1150
0
d’ag. 24
685
2
de juny 24
1380
0
de març 25
446