How can add CSS and JS File in admin panel of specific page.too many pages in admin panel e.g product,sales->order ,order view ,invoice,ship etc . . .

I want to load 1 CSS or JS file in New Invoice page.

Or other solution will be work for me if add CSS or JS code in .phtml file?

how can add this ?

1 Answer 1


1 Create a module for example Vendor/Module

2 Create a new file view/adminhtml/layout/default.xml in the module

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="admin-1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
     <css src="Vendor_Module::css/test.css"/>
     <script src="Vendor_Module::js/test.js"/>

3) Add .css file and add js file in web folder as below path:



Run below commands and check.

php bin/magento cache:clean

php bin/magento setup:static-content:deploy

  • Rakesh Donga ! it include both files. But jquery code is not run. require([ 'jquery', 'jquery/ui'], function($){ $(document).ready(function($) { console.log('asdf'); }); }); error in console is TypeError: require is not a function how can write code for jquery ?
    – HaFiz Umer
    Mar 20, 2019 at 14:26
  • 1
    @HaFizUmer check here : magento.stackexchange.com/a/266479/68695 Mar 20, 2019 at 18:51

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.