Load CSS, JS files in modules directory

You need to load those assets in controller in each module. Or register CssController before loading modules so it would be accessible in any controller.

Can you explain this with an example? I cant found any examples. thanks.

Where you have defined CssController and where you loading it ?

I am not defined any CssController, I am trying load css in module directory "/apps/backend/css/theme.css" with this

->addCss('css/theme.css')

and

output on VOLT

{{ assets.outputCss() }}

getting this error

CssController handler class cannot be loaded

I said in previous post, I want load css, js etc.. on "\apps\backend\css\" directory.

per module must be have css and js directory and I need load assets in module directory etc: "\apps\backend\css\theme.css"

Thanks.

->addCss('css/theme.css')

where you put this code ?

namespace KolayWeb\Backend\Controllers;

use Phalcon\DI;

use Phalcon\Mvc\Controller;

class ControllerBase extends Controller

public function onConstruct(){

$this->assets

            ->addCss('css/theme.css');

}

->addCss('css/theme.css')

where you put this code ?

And then where are you sing this ControllerBase ?

my structure

"apps\backend"

----"controller\LoginController"

----"controller\IndexController"

I am enter backend panel with this url

localhost/kolayWeb/yonetim/

I think I can't explain my problem. I need to import “assets files” in “module directories”.

Each module must have “self assets directory” and CSS – JS files must import from module directory.

Hope I explained clearly.

thanks

Okay. First, when user request you page, whole application is loaded to index.php that means that you need to provide path to theme.css/theme.js from index.php directory. Put something like this in your BaseController:

class BaseController extends Controller
{
    public function initialize()
    {
        $moduleName = $this->dispatcher->getModuleName();
        $this->assets->setTargetPath("js/combined-$moduleName.js") // its imporant, it will be created under /public/js
          ->setTargetUri("js/combined-$moduleName.js") // its imporant, its saying in view output there will be that link
          ->addJs("../apps/$moduleName/js/somefile.js"
          ->join(true);
          // ->addFilter(new Jsmin()) - on production you should add filter
          $this->assets->setTargetPath("css/combined-$moduleName.css") // its imporant, it will be created under /public/css
          ->setTargetUri("css/combined-$moduleName.css") // its imporant, its saying in view output there will be that link
          ->addCss("../apps/$moduleName/css/somefile.css"
          ->join(true);
          // ->addFilter(new Cssmin()) - on production you should add filter
    }
}

Then your controllers should extend BaseController, and this class should be load before loading modules, or load this class in each module - your choice. Also consider changing class to asbtract class - cuz you not gonna ever use it as object/put actions in there.

If you want your files be automatically loaded without putting names there just get all file names in category using scandir and do addCss/addJs for each element.

Thanks for helping Jurigag.

$this->assets->setTargetPath

Have little error, setTargetPath Method Not found in assets ? I am use phpstorm with phalcon latest version.