How to create button in doctype list view

ERPNext User Forum
1

Hi,

How would i create button before menu

purchase_order
purchase_order1229×639 67 KB

thanks in advance:pray::pray::pray:

2

hello,
this link should help you i guess
https://frappe.io/docs/user/en/guides/app-development/adding-custom-button-to-form#targetText=To%20create%20a%20custom%20button,a%20button%20to%20your%20form

3

Hey,

Thanks for response, But i don’t want i want out side or purchase order when purchase order list will show that from that time should show the button like (New, Refresh,Menu)…

1 Like
4

did you find a way to do that?
need to do it in my app

5

@justmejust
create a file with name “[doctype_name]_list.js” in your doctype folder and then you can adapt this code to get the desired behaviour

frappe.listview_settings["[doctype_name]"] = {

	onload: function(listview) {
		this.add_button([button_name], "default", function() { /*actions*/ })
	},

	add_button(name, type, action, wrapper_class=".page-actions") {
		const button = document.createElement("button");
		button.classList.add("btn", "btn-" + type, "btn-sm", "ml-2");
		button.innerHTML = name;
		button.onclick = action;
		document.querySelector(wrapper_class).prepend(button);
	},
};
1 Like
6

Thank you @Mohammad_Hasnain
will give it try

1 Like
7

Its not working.

8 
frappe.listview_settings['MyDocType'] = {
    onload(listview) {
        listview.page.add_button(__('Say hello), function () {
            frappe.msgprint('hello');
        }, {});
    },
}
2 Likes