How to navigation from listview to custom page in ReactJs app

Frappe Framework Customization
,
1

I want to customize the Document’s detail page. How can I do that when I click on a row in the listview, I’ll navigate to the customized detail page in React app?

2

Hi @duynguyen,

If you’re referring to the listview of DocType in ERPNext, here’s a suggestion: add a button to the list view and link it to the custom page you need. I’m not sure how to link it to a customized detail page in a React app.

3

Thanks for reply me.
I have added a “view” button on each line in the listview but I don’t know how to cancel the user clicking on each line will be redirected to the default detail page by frappe

4

I’m having trouble understanding your statement. Could you please explain it a bit more?

5

Screen Shot 2024-03-07 at 11.32.38
Screen Shot 2024-03-07 at 11.32.382450×642 31.7 KB

I want to prevent users from clicking on any row to be able to see detailed information. Instead, if users want to see detailed information, they can just click the “view” button.

6

Maybe, not possible. If you give the read rights for that then it also clicks and open the document.