How to add the custom button on the header of the form?

Frappe Framework Customization
1

Hello,

How to add custom button at the header of the form?

I want to add my custom button on highlighted area (left side of the Make button) of the attached screen-shots.

Selection_069.png1296Ă—377 27.7 KB

2

@Chandresh_Thakkar,

You can add the custom button using add_custom_button method from your custom script.

e.g.

frm.add_custom_button("button lable", function() {
	// code to be executed after button is click
}, "Button Group")
1 Like
3

Hii,

thanks for reply.

Yes its work for me when i add this code in my custom doctype js.

But if i want to add same button in Delivery Note form then what should i do?

You can see in my attached screen-shots.

Thank You.

4

@Chandresh_Thakkar,

create the custom script for doctype Delivery Note from Setup > Customize > Custom Script

5

Ok.

Thank You so much.

6

Hello,

I have created one custom script for delivery note doctype.

This is my code:

frappe.ui.form.on(“Delivery Note”, {
refresh: function(frm) {
// use the __islocal value of doc, to check if the doc is saved or not
frm.add_custom_button(“My Button”, function() {
// code to be executed after button is click
}, “Button Group”)
});

But when i load my site and click on delivery note record, it gives me an error like:

Selection_070.png742Ă—394 44.7 KB

7

Solved.

Thank You.

8

is it please possible to explain the solution?
thanks

9

Yes sure.

I forget to complete } bracket before the last line of my code.

That’s why I got the error. Otherwise, this code has worked for me. :handshake:

1 Like
10

frm.add_custom_button(“My Button”, function() {
// code to be executed after button is click
}, “Button Group”).addClass(“btn-primary”);
This will make as primary button like Make