ansaurus

Question

How should components should add JavaScript and CSS in Symfony

Answer 1

A:

You may have to disable the sfCommonFiter which is now deprecated. The common filter automatically adds css / js into the layout.

Once you have done this, you can move the include_javascripts call anywhere within the layout.php file, below the include_component('nav', 'nav') call

timmow 2010-02-13 12:28:21

This wont work for CSS as `include_css` returns `link` tags which are not allowed inside `body`. And I guess the `sfCommonFilter` has little to do with the problem. In fact, I guess it was working with this filter, as the link and script tags where added through this filter **after** the template was rendered. It may work with `include_javascripts` though.

Felix Kling 2010-02-13 12:47:35

Answer 2

+2 A:

If your component is always used just move your javascript inclusion into the layout's rendering in your app's view.yml:

default:
  javascripts: [my_js]

There is no need to separate the JS call when it is always used.

UPDATE:

If you must maintain the JS inclusion with the component you can place your component call in a slot before your include_javascripts() call to add it to the stack to be rendered and then include the slot in the appropriate place:

<?php slot('nav') ?>
<?php include_component('nav', 'nav'); ?>
<?php end_slot(); ?>
<html>
  <head>
    <?php include_javascripts() ?>
    ...
  </head>
  <body>
    <?php include_slot('nav'); ?>
    <?php echo $nav ?>
    ...
  </body>
</html>

Cryo 2010-02-14 07:27:17

And when I remove the component I have to stress my brain to clean the view.yml? If I remember and if I have no dependencies?

2010-02-15 21:55:35

@koalabruder: Yes, you would have to remember to remove the JS as well. If you *really* must have the JS in the component file then you'll want to move the component inclusion into a slot. I've updated my answer with the details.

Cryo 2010-02-16 05:13:04

Answer 3

A:

From: http://www.symfony-project.org/book/1_2/07-Inside-the-View-Layer

File Inclusion Configuration

// In the view.yml

indexSuccess:
  stylesheets: [mystyle1, mystyle2]
  javascripts: [myscript]

// In the action

$this->getResponse()->addStylesheet('mystyle1'); 
$this->getResponse()->addStylesheet('mystyle2'); 
$this->getResponse()->addJavascript('myscript');

// In the Template

<?php use_stylesheet('mystyle1') ?>
<?php use_stylesheet('mystyle2') ?>
<?php use_javascript('myscript') ?>

Tom 2010-02-16 02:49:22

ansaurus

tags:

views:

answers:

How should components should add JavaScript and CSS in Symfony

related questions