How can I customize odoo 16 default save button. Here how can I increase button size or any other customization. I can Not find the button in js. how can I customize this please help.
Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:
- CRM
- e-Commerce
- Boekhouding
- Voorraad
- PoS
- Project
- MRP
Deze vraag is gerapporteerd
Hi Nahid,
You need to extend the "web.FormStatusIndicator" template and remove the 'btn-light' class and add the 'btn-primary' class.
referee
follow the code written below:
xml version="1.0" encoding="utf-8"?>
id="template" xml:space="preserve">
t-name="your_module_name.FormStatusIndicator" t-inherit="web.FormStatusIndicator" t-inherit-mode="extension">
expr="//button[hasclass('o_form_button_save')]" position="replace">
type="button"
class="o_form_button_save btn btn-primary py-0"
t-att-disabled="props.isDisabled"
data-hotkey="s"
t-on-click.stop="save"
data-tooltip="Save manually"
aria-label="Save manually">
class="fa fa-cloud-upload fa-fw" />Save
Thanks & Regards,
Brain Station 23 Ltd.
Mobile: (+880) 1404055226
Email: sales@brainstation-23.com
Web: https://brainstation-23.com/
Address: (Building-1) 8th Floor, 2 Bir Uttam AK Khandakar Road, Mohakhali C/A, Dhaka 1212, Bangladesh
<?xml version="1.0" encoding="utf-8"?>
<templates id="template" xml:space="preserve">
<t t-name="idiamarket_sale.order.FormStatusIndicator" t-inherit="web.FormStatusIndicator" t-inherit-mode="extension">
<xpath expr="//button[hasclass('o_form_button_save')]" position="replace">
<button type="button" class="o_form_button_save btn btn-primary o_list_button_add"
t-att-disabled="props.isDisabled"
data-hotkey="s"
t-on-click.stop="save"
data-tooltip="Save manually"
aria-label="Save manually">
<i class="fa fa-cloud-upload fa-fw" />
Save
</button>
</xpath>
</t>
</templates>
Hi,
This filed class name is o_form_button_save
Try this code:
o_form_button_save{
/* Increase button size */
font-size: 16px;
padding: 10px 20px;
/* Change button color */
background-color: #008000;
color: #fff;
/* Add border */
border: 1px solid #ddd;
/* Additional styles as needed */
}
Hope it helps
Geniet je van het gesprek? Blijf niet alleen lezen, doe ook mee!
Maak vandaag nog een account aan om te profiteren van exclusieve functies en deel uit te maken van onze geweldige community!
Aanmelden| Gerelateerde posts | Antwoorden | Weergaven | Activiteit | |
|---|---|---|---|---|
|
|
0
dec. 25
|
75 | ||
|
|
1
dec. 25
|
179 | ||
|
|
0
dec. 25
|
234 | ||
|
|
1
dec. 25
|
398 | ||
|
|
2
nov. 25
|
479 |