In frappe, HTML field is just a read-only field, it does not save the data in the database. If you want to save data into the database, you have write your own code for that.
If you just want to create a child table inside a form, you can create another doctype with “Is Table” checked. Then you can add a field with fieldtype “Table” in the parent doctype to embed the newly created child doctype. Check existing doctypes for reference.
We have to build a form (doctype) with custom UI as displayed in attached file. Here user will enter values in 5 fields which we need same as regular fields of other type. We will need the values in reports and other related modules as well, so they must be assigned a name as well, to further reference it.
Now as I couldn’t found documentation for the field type ‘HTML’ and you guys say that it’s only for UI (beautification, etc…), and I don’t want to perform manual database operations from that HTML code.
What options do I have ?
Is any of these options possible :
Can I set a background image to a doctype form ? In that case I’ll use an image and will try to place input fields on required places.
Can I use field type table by configuring cell level border color/width etc, to achieve the similar look ?
Any possibility through nested DocType by creating a DocType with only one input field and use it in another DocType with HTML fields for 5 times to achieve 5 value fields ?
can I use name (variables for field value) from that HTML code to refer to other field name [which will be hidden in the doctype] and assign value. And then it will be taken care for database persistence.
Any better suggestions ???
We want to try our level best to achieve this in ERPNext so as of now we are not considering any option like ‘It cannot be achieved in ERPNext’
I created HTML Table using HTML type field in Doctype, But how can i save the data field in this table and display it to report builder ?
As i form a a data field which is look like a table, but how can i modify the layout of this UI. i need to group this 12 column field into 3x3 table. I tried to change this layout using inspect element, but could not able to locate the source code of this HTML/CSS file. Please find attached image.