Prepend CSS and JS files

weierophinney · weierophinney · commit 78a8eadee4b6 · 2016-08-15T11:39:32.000-05:00
Since rendering occurs depth-first in ZF, the CSS and JS that pages add
usually need to override the application-level assets. As such, the
layout needs to *prepend* its assets to ensure order is correct.
diff --git a/module/Application/view/layout/layout.phtml b/module/Application/view/layout/layout.phtml
@@ -12,15 +12,15 @@
 
         <!-- Le styles -->
         <?= $this->headLink(['rel' => 'shortcut icon', 'type' => 'image/vnd.microsoft.icon', 'href' => $this->basePath() . '/img/favicon.ico'])
-            ->appendStylesheet($this->basePath('css/bootstrap.min.css'))
-            ->appendStylesheet($this->basePath('css/bootstrap-theme.min.css'))
-            ->appendStylesheet($this->basePath('css/style.css'))
+            ->prependStylesheet($this->basePath('css/bootstrap.min.css'))
+            ->prependStylesheet($this->basePath('css/bootstrap-theme.min.css'))
+            ->prependStylesheet($this->basePath('css/style.css'))
         ?>
 
         <!-- Scripts -->
         <?= $this->headScript()
-            ->appendFile($this->basePath('js/jquery-2.2.4.min.js'))
-            ->appendFile($this->basePath('js/bootstrap.min.js'))
+            ->prependFile($this->basePath('js/jquery-2.2.4.min.js'))
+            ->prependFile($this->basePath('js/bootstrap.min.js'))
         ?>
     </head>
     <body>
