ERPNext Currency Format

Currency Format in Standard Reply/Print Format:

Grand Total : {{ frappe.db.get_value("Currency", currency, "symbol") }} {{frappe.format_value(grand_total, {"fieldtype":"Currency"}) }}

Currency Format in Javascript:

format_currency(99,currency="INR")

Extend erpnext public js funtion

Extend erpnext public js funtion

Templating in ERPNext:

1) Add your js file in your app`s public and write your code, for over write any function of

2) other app`s public js.

3) add you file path in your app build.json

4) bench build

$.extend(erpnext.utils, {

render_address_and_contact: function(frm) {

// render address

$(frm.fields_dict['address_html'].wrapper)

.html(frappe.render_template("address_list",

cur_frm.doc.__onload))

.find(".btn-address").on("click", function() {

frappe.new_doc("Address");

});

// render contact

if(frm.fields_dict['contact_html']) {

$(frm.fields_dict['contact_html'].wrapper)

.html(frappe.render_template("contact_list",

cur_frm.doc.__onload))

.find(".btn-contact").on("click", function() {

frappe.new_doc("Contact");

}

);

console.log("my file trigger")

}

}

})

Result:
Use this code to change rendering of Address and Contact:

Install wkhtmltopdf (with patched qt) in Ubuntu 14.04 LTS

wget http://download.gna.org/wkhtmltopdf/0.12/0.12.2.1/wkhtmltox-0.12.2.1_linux-trusty-amd64.deb
sudo apt-get update
sudo apt-get install wkhtmltox
sudo apt-get -f install
sudo dpkg -i wkhtmltox-0.12.2.1_linux-trusty-amd64.deb
wkhtmltopdf -V
rm wkhtmltox-0.12.2.1_linux-trusty-amd64.deb

ERPNext Change Field Text Color and Background Color

Hello,

Today I received one email about how to change Text Color in ERP.
Frappe Framework uses jQuery, so if you know jQuery, you can add your custom css using jQuery selectors.
I am giving solution, it will helpful to Highlight fields based on condition. (e.g. Amount should be red is amount is greater than equal to 10)

In below image I have field "Amount"




Code to select Amount field in jquery

$('input[data-fieldname="amount"]')


Code to get value in amount field

$('input[data-fieldname="amount"]').val()


Code to add Text Color Red

$('input[data-fieldname="amount"]').css("color","red")


Code to add css to change background color

$('input[data-fieldname="amount"]').css("background-color","#FFE4C4")


Note: You can write above jquery code in onload function of Frappe Custom Script to execute your code before loading of Form.
Syntax:
frappe.ui.form.on("Doctype Name", "onload", function(frm,cdt,cdn) {
//your code
});


You can email me if you need any help. My email id is kolate.sambhaji@gmail.com

Thanks,
Sambhaji Kolate

ERPNext Change Field Text Color and Background Color

Hello,

Today I received one email about how to change Text Color in ERP.
Frappe Framework uses jQuery, so if you know jQuery, you can add your custom css using jQuery selectors.
I am giving solution, it will helpful to Highlight fields based on condition. (e.g. Amount should be red is amount is greater than equal to 10)

In below image I have field "Amount"




Code to select Amount field in jquery

$('input[data-fieldname="amount"]')


Code to get value in amount field

$('input[data-fieldname="amount"]').val()


Code to add Text Color Red

$('input[data-fieldname="amount"]').css("color","red")


Code to add css to change background color

$('input[data-fieldname="amount"]').css("background-color","#FFE4C4")


Note: You can write above jquery code in onload function of Frappe Custom Script to execute your code before loading of Form.
Syntax:
frappe.ui.form.on("Doctype Name", "onload", function(frm,cdt,cdn) {
//your code
});


You can email me if you need any help. My email id is kolate.sambhaji@gmail.com

Thanks,
Sambhaji Kolate

ERPNext: Color Cells in ERPNext Query Report

We can add color based on condition.

Here we have made cells in row green if Rental Payment greater than 100 else red.

add following code to query_report_name.js file

frappe.query_reports["Payments Received"] = {

"filters": [

{

"fieldname":"customer",

"label": __("Customer"),

"fieldtype": "Link",

"options": "Customer",

"width": "80"

}

],

"formatter":function (row, cell, value, columnDef, dataContext, default_formatter) {

        value = default_formatter(row, cell, value, columnDef, dataContext);

   if (columnDef.id != "Customer" && columnDef.id != "Payment Date" && dataContext["Rental Payment"] < 100) {

            value = "<span style='color:red!important;font-weight:bold'>" + value + "</span>";

   }

   if (columnDef.id != "Customer" && columnDef.id != "Payment Date" && dataContext["Rental Payment"] > 100) {

            value = "<span style='color:green!important;font-weight:bold'>" + value + "</span>";

   }

   return value;

}

}




Thanks to Jitendra for providing images and working code example.

How to add spaces in HTML or Jinjha?

Indent paragraphs with CSS is good way to add spaces in html. CSS paddings or margins give direct display instructions to the browser, so the result is more consistent.

You can easily add spaces even if you don't know css.

Sample code:

<style>p.indent{ padding-left: 1.8em }</style>
<p class="indent"> Sambhaji Kolate </p>