Custom app desktop display

Frappe Framework Customization
2

when you do bench build… all your customization will replace into default… it will overwrite from the repo… so if you want to have your own… create a custom.css then hooks them

check my own created icon Customize Desk Icon Design v12

1 Like
3

Thanks mr. Johnrech_Cabatana,
You were asking in your commet “you will create public folder to your app then hooks the assets”. I don’t understand what you mean?

Could you please explain little more.
I refereed above link and downloaded css file.
Where should I copy this file into? How can I hook it.
I appreciate your help.

1 Like
4

there a hooks.py in your app file… then there is a sample of how to hook it…

5

I know about hooking python functions as below :
doc_events = {
“Loan”: {
“validate”: “indipco.hooks_call.loan.duplicate_loan”
},
“Material Request”: {
“validate”: “indipco.hooks_call.material_request.sales_user_validation”
}
}

But how about hooking css?

6

should I hook css file in same heading as above(doc_events)?

7

include js, css files in header of desk.html

app_include_css = “/assets/11_app/css/ephdesk.css”
look like this

2 Likes
8

I understand.
lastly please tell me the directory of /assets folder.
is it inside custom app folder or at some other location like sites/app.
Please share url for your custom app in github for reference

9

create folder inside your app
like this.
public/css/

10

Ok, I got it.
I appropriate your help.
Thank you very much.

11

it works?

12

let me to check and update.

13

in your hooks.py , it should look like this…
app_include_css="/assets/11_app/css/custom.css

14

I have created public/css folder as shown below
/home/frappe/frappe-bench/apps/indipco/indipco/public/css/custom.css
edited hooks.py entry as below
app_include_css = “/assets/indipco/css/custom.css”

ran bench update, but no luck.
am I missing anything?

15

do not use bench update… just bench migrate

16

not successful

17

A couple of days I created a new app and I put it on the desktop as well but the doctypes didn’t show up and the app looked empty.

My solution:

bench restart
bench --site sitename clear-cache
sudo service supervisor restart

Ultimately only after the supervisor restart the app worked properly.

18

cache cleared?

19

Yes cleared the cache,
ran following commands
bench restart
bench --site sitename clear-cache
sudo service supervisor restart

but not working.

20

Did it work?

I am looking for the path to store the custom.css

I read in another post that bench build is the correct command to use.

1 Like
21

Solved using this: