How to customize/override ContactAddressQuickEntryForm

Ismail_Tabtabai · September 20, 2023, 11:48am

I am carrying out an address customization for Kuwait.

Added the custom fields and exported the fixtures.

The only problem I have is that Customer DocType Quick Entry Modal is in itself a custom Modal being rendered by ContactAddressQuickEntryForm in ERPNext.

How can I tap into that Modal and customize/override it so it would reflect the address customizations I have done in Address DocType?

Has anyone attempted this? If not, any hints on how to do it?

Prasanth_Kumar_J · April 7, 2025, 7:08am

HI @Ismail_Tabtabai

Were you able to solve this?

Ismail_Tabtabai · April 26, 2025, 4:53pm

It was too complicated at the time. I just ignored it, in usage (disabled it) due to lack of JS experience.

I might look into it again now that I have a better grasp of Frappe as a whole.

However, if you’re interested, the idea is to modify the original JS class and related json structure of the panel.

Note that Frappe has a certain default way of presenting the QuickEntry panel. ERPNext modifies it and looking into that modification I derived my solution.

Lookup the code in:
frappe-bench/apps/erpnext/erpnext/public/js/utils/contact_address_quick_entry.js
frappe-bench/apps/erpnext/erpnext/public/js/utils/customer_quick_entry.js

My solution is in:

github.com

agatho-daemon/futilitap/blob/main/futilitap/public/js/contact_qentry.js

frappe.provide('frappe.ui.form');

frappe.ui.form.ContactQEntry = class ContactQEntry extends frappe.ui.form.QuickEntryForm {

	render_dialog() {
		this.mandatory = this.mandatory.concat(this.get_variant_fields());
		super.render_dialog();

        // Attach onchange handler to country field
        this.dialog.fields_dict.country.df.onchange = () => {
                this.country_changed();
        };

        // Filter cities based on country
		this.dialog.fields_dict['city'].get_query = () => {
			let country = this.dialog.get_value('country');
			// Check if country is selected
			if (!country) {
				frappe.msgprint(__('Please select a country first.'));
				return;

This file has been truncated. show original

I hope this helps.