Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

amritdeepkaur's avatar

Laravel Nova 4, How to override the default Detail.Vue

In NOVA version 4, I have created a resource name "Orders". I want a custom design for single (detail) view of Order. Please anybody, help me how to override the default Detail.Vue.

0 likes
3 replies
bfalcao's avatar

That will be complex I guess because the detail view vue component is part of the Nova framework. Can't be overriden in a simple way. You might need to create your own detail view, then create a computed field that will dynamically generate an url to your detail view that will accept he resource name and uri key as parameters, just like the detail view itself.

amritdeepkaur's avatar

@bfalcao Thank you for your assistance. I have developed a customized resource tool with custom design. Additionally, I have implemented the onlyOnDetail() method to exclusively display this tool in the detail view. Simultaneously, I have concealed all other fields when in the detail view. For now this solved my problem.

Please or to participate in this conversation.