javascript - How to add custom CSS/JS to Grails 2.4.x layouts/templates? -

-

grails 2.4.5 here, believe (correct me if i'm wrong) asset-pipeline plugin default/desired method managing css/js resources.

i have custom css/js files included on large subset of gsp pages, , wondering how add them:

  1. using asset-pipeline plugin; but...
  2. in such way can (somehow) reference them grails-app/views/layouts/special.gsp, , reference special.gsp layout inside each desired gsp page.

so again, desired functionality is:

grails-app/views/layouts/special.gsp: ------------------------------------- <!doctype html> <html>     <head>         <title><g:layouttitle default="my app!"/></title>         <asset:stylesheet src="my-custom.css"/>         <g:layouthead/>     </head>     <body>         <g:layoutbody/>         <asset:javascript src="my-custom.js"/>     </body> </html>

and then, in gsp page want use layout, add <meta name="layout" content="special"> in <header> tag normal.

how can use asset-pipeline , layouts in concert each other? place my-custom.css , my-custom.js? special instructions here?

if leave special.gsp as-is:

  • you place my-custom.css within grails-app\assets\stylesheets folder
  • you place my-custom.js within grails-app\assets\javascripts folder

depending on ide, assets folder may @ top-level , fact located within grails-app may abstracted. instance, using 'project explorer' view within ggts, there assets folder directly under project.

with asset-pipeline, include these files within 'parent' file syntax:

//= my-custom.js

or

/* *= require my-custom.css */

this 'parent' file though need included within layout have done.

additional info:
mentioned require_self , require_tree in comment below, i'll go further detail use.

require_self

mylayout.gsp

<asset:javascript src="myparent.js"/>

myparent.js

//= mycustom.js //= require_self console.log("this code runs because of require_self , after mycustom.js");

mycustom.js

console.log("my require_self optional because i'm not using asset-pipeline.");

the require_self used include js/css exists within particular file; required files using asset-pipeline import other js/css files. optional when file strictly js/css has been imported. reason can use asset-pipeline import files haven't modified (jquery.js example), otherwise need place require_self within files.

require_tree

directory structure

grails-app/assets/    |    +--javascripts/    |   |    |   +--js-parent.js    |   |    |   +--mycustomjs    |      |    |      +--script1.js    |      |    |      +--script1.js    |    +--stylesheets/        |        +--css-parent.css        |        +--mycustomcss           |           +--sheet1.css           |           +--sheet2.css           |           +--sheet3.css

mylayout.gsp

<asset:javascript src="js-parent.js"/> <asset:stylesheet src="css-parent.css"/>

js-parent.js

//= require_tree mycustomjs

csss-parent.css

/* *= require_tree mycustomcss */

there go, have 3 css files , 2 js files pulled in using parents , require_tree syntax.


Comments

Post a Comment

Popular posts from this blog

php - Invalid Cofiguration - yii\base\InvalidConfigException - Yii2 -

-
Image
i've installed yii2-user module/dektrium yii2-app-basic application command composer require "dektrium/yii2-user:0.9.*@dev" config/console.php return [ . . 'modules' => [ 'gii' => 'yii\gii\module', 'user' => [ 'class' => 'dektrium\user\module', ], ], . . ] config/web.php 'components' => [ . . /* 'user' => [ 'identityclass' => 'app\models\user', 'enableautologin' => true, ], */ 'modules' => [ 'user' => [ 'class' => 'dektrium\user\module', ], ], . . ] after that, run command $ php yii migrate/up --migrationpath=@vendor/dektrium/yii2-user/migrations updating database schema . but, when run http://localhost/mylawsuit/yii/web/index.php?r=u
Read more

How to show in django cms breadcrumbs full path? -

-
need advice - how show in breadcrumbs whole path article or page? i've got code: {% ance in ancestors %} <li> {% if not forloop.last %} <a href="{{ ance.get_absolute_url }}">{{ ance.get_menu_title }}</a> {% else %} <span class="active">{{ ance.get_menu_title }}</span> {% endif %} </li> {% endfor %} but shows "home" , current page. how modify show whole path in breadcrumbs? i've found in file menu_tags.py code calls ancestors. @ least there class showbreadcrumbs: class showbreadcrumb(inclusiontag): """ shows breadcrumb node has same url current request - start level: after level should breadcrumb start? 0=home - template: template used render breadcrumb """ name = 'show_breadcrumb' template = 'menu/dummy.html' options = options( argument('start_level', default=0, require
Read more

ruby on rails - npm error: tunneling socket could not be established, cause=connect ETIMEDOUT -

-
i have app uses rails framework , implements angularjs part of front end. i have pushed heroku , have heroku toolbelt installed, when try migrate db using "heroku run rake db:migrate" receive following error(s): installing core plugins heroku-cli-addons, heroku-apps, heroku-fork, heroku-git, heroku-local, heroku-run, heroku-status... error installing package. try running again gode_debug=info see more output. ! `run` not heroku command. ! perhaps meant `-h`, `2fa`, `auth`, `join`, `open`, `orgs`, `pg`, `ps` or `rake`. ! see `heroku help` list of available commands. i run command "gode_debug=info heroku run rake db:migrate" , receive error: npm err! darwin 14.5.0 npm err! argv "/users/christopher_pelnar/.heroku/node-v4.2.1-darwin-x64/bin/node" "/users/christopher_pelnar/.heroku/node-v4.2.1-darwin-x64/lib/node_modules/npm/cli.js" "install" "heroku-cli-addons" "heroku-apps" "heroku-fork
Read more