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
- 会計
- 在庫
- PoS
- プロジェクト
- MRP
この質問にフラグが付けられました
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
| 関連投稿 | 返信 | ビュー | 活動 | |
|---|---|---|---|---|
|
|
1
12月 25
|
178 | ||
|
|
0
12月 25
|
230 | ||
|
|
1
12月 25
|
398 | ||
|
|
2
11月 25
|
478 | ||
|
|
1
11月 25
|
2394 |