Edit History

I created a new page in my module by creating a new front controller. I want to add js and css files to this page but I am unable to do so. I have tried a couple of things, but none are working for me.

I tried adding the setMedia() function in the front controller:

public function setMedia()
    {
        parent::setMedia();
        
        $this->registerJavascript(
            'module-easypaymentoption-front',
            'modules/' . $this->module->name . '/views/js/front.js',
            [
                'priority' => 200,
                'attribute' => 'async',
            ]
            );
    }

I have also tried to load it by using the actionFrontControllerSetMedia hook:

public function hookActionFrontControllerSetMedia()
    {
        Media ::addJsDef([
            'easypaymentoption' => $this->context->link->getModuleLink($this->name, 'validation', [], true),
        ]);

        $this->context->controller->registerJavascript('modules-easypaymentoption',
            'modules/' . $this->name . '/views/js/front.js');

         $this->context->controller->registerStylesheet(
             'module-easypaymentoption-style',
             'modules/' . $this->name . '/views/css/front.css'
         ); 
    }

I even tried the hookHeader:

public function hookHeader()
    {
        $this->context->controller->addCSS($this->_path . '/views/css/front.css');
    }

But none are working.

Can anyone help me out please? Any help is very much appreciated.