$this->Html->css with inline=false doesn't work

Question

I am defining a css block inside a view with inline=false. In the layout I try to fetch this block. But that doesn't work. I think the problem explains itself through the following code. Here is my view:

<script type="text/javascript">
$(function() {$(".datepicker").datepicker({
   numberOfMonths: 3,
   showButtonPanel: false}
   );});
</script>
<?php $this->Html->script(array('jquery-1.10.1.min', 'jquery-ui', 'jquery-ui-datepicker-de'), array('inline' => false));
      $this->Html->css('jquery-ui.css', array('inline' => false)); ?>

<div class="schooltimes form">
<?php echo $this->Form->create('Schooltime'); ?>
    <fieldset>
        <legend><?php echo 'Schulunterrichtstermin hinzufügen'; ?></legend>
        <?php
             echo $this->Form->input('dateinput', array('class'=>'datepicker', 'type'=>'text', 'label' => 'Datum des nächsten Schulunterrichtstermins'));
             echo $this->Form->input('timeinput', array('type' => 'text', 'label' => 'Uhrzeit des Unterrichtsendes im Format HH:MM'));
             echo $this->Form->input('school', array('type'=>'text', 'label'=>'Schule / Universität / Fachhochschule / sonstige Bildungseinrichtung'));
             echo $this->Form->input('grade', array('type'=>'text', 'label'=>'Klasse / Stufe / Semester'));
             echo $this->Form->input('teacher', array('type'=>'text', 'label'=>'Lehrer / Dozent'));
             echo $this->Form->input('subject', array('type'=>'text', 'label'=>'Fach / Kurs'));
             echo $this->Form->input('book', array('type'=>'text', 'label'=>'Schulbuch / Skript / Basislektüre'));
             echo $this->Form->input('inter', array('type' => 'select', 'label' => 'Rhythmus', 'options' => array('P1W' => 'wöchentlich', 'P2W' => '2-wöchentlich')));
        ?>
    </fieldset>
<?php echo $this->Form->end(array('label' => 'Speichern')); ?>
</div>

and this is the layout:

<!DOCTYPE html>
<html>
<head>
    <?php echo $this->Html->charset(); ?>
    <title>
        <?php echo 'Kundenservice' ?>:
        <?php echo $title_for_layout; ?>
    </title>

    <?php
       echo $this->Html->meta('icon');
       echo $this->fetch('meta');
       echo $this->fetch('css');  // doesn't work
       echo $this->fetch('script');  // works fine
    ?>
</head>
<body>...

this is the result:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Kundenservice: Schooltimes</title>

    <link href="/kundenservice/favicon.ico" type="image/x-icon" rel="icon" /><link href="/kundenservice/favicon.ico" type="image/x-icon" rel="shortcut icon" /><link rel="stylesheet" type="text/css" href="/kundenservice/css/cake.generic.css" /><script type="text/javascript" src="/kundenservice/js/jquery-1.10.1.min.js"></script><script type="text/javascript" src="/kundenservice/js/jquery-ui.js"></script><script type="text/javascript" src="/kundenservice/js/jquery-ui-datepicker-de.js"></script></head>

cake php fetches the script block correctly but completely ignores the css block. Any help would be much appreciated.

Pankaj Badukale · Accepted Answer · 2014-11-29 09:24:04Z

1

Try this::

<?php $this->Html->script(array('jquery-1.10.1.min', 'jquery-ui', 'jquery-ui-datepicker-de'), array('block' => 'script'));
      $this->Html->css('jquery-ui.css', array('block' => 'css')); ?>

Try to use the custom block. It is better way I think.

// in your view
$this->Html->script('jsfile', array('block' => 'scriptBottom'));

// in your layout
echo $this->fetch('scriptBottom');

answered Nov 29, 2014 at 9:24

Pankaj Badukale

2,0643 gold badges19 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

heaven Over a year ago

Thanks for your answer. I tried it and it doesn't work. I commented out the two other: echo $this->Html->meta('icon'); and echo $this->fetch('meta') in my layout; but it doesn't help. The script part works perfectly right from the start. When I change the css command in the view to: echo $this->Html->css('jquery-ui.css'); again it works, but then the Stylesheet is loaded in the body of the HTML and not in the head. I simply can't get the css into the block. My cake php Version is 2.3.1

b0t · Accepted Answer · 2015-07-13 09:05:01Z

0

I'm using 2.3.0. If you take a look at HtmlHelper css function, it looks like:

public function css($path, $rel = null, $options = array())

So, the documentation at cakephp website is missing mentioning the $rel parameter (http://book.cakephp.org/2.0/en/core-libraries/helpers/html.html).

Just change your call to something like:

$this->Html->css('jquery-ui.css',null, array('inline' => false));

And everything will work fine.

answered Jul 13, 2015 at 9:05

b0t

263 bronze badges

1 Comment

heaven Over a year ago

wow, in fact that is the solution. Thanks a lot! Have you given a note to the cake php team to amend the documentation?

Collectives™ on Stack Overflow

$this->Html->css with inline=false doesn't work

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related