Skip to Content
Menu
This question has been flagged
2 Replies
138 Views

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
Discard

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
Discard
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
Discard
Related Posts Replies Views Activity
1
Nov 24
687
1
Sep 24
1007
0
Aug 24
574
2
Jun 24
1063
0
Mar 25
356