Build font end portal, revers engineering CRM app as example

Frappe Framework
1

I got my head around how Apps / Module / DocType works, and have a good high level understand PY server script & JS client script.

But getting very confused how front-end is built in Frappe. Using the CRM app as an example

image
image1438×646 30 KB

First, is this whole front-end called portal pages? as documented here?

I have below file structure

image
image436×1118 21.9 KB

Dropdown Green box is controlled by hook.py ->standard_dropdown_items

Sidebar nav, Blue box, how is this controlled?

Modals, Pink Getting started & Notification, how are they controlled?

Main body, purple box, I’m assuming its the forms & views?? official doc is super vague

2

Hi,

Frappe CRM is built using Frappe-UI and Frappe Framework.

If you are only looking for the documentation of Frappe framework will give you confusion, because newly developed CRM app using the Frappe-UI as front-end and frappe framework as back-end. Frappe Framework has its own front end which is quite different from the new CRM App.

Thanks,

Divyesh Mangroliya