How to use conditional CSS In CakePHP 2.x?

Question

I have to translate this code:

<!--[if IE 7]>    <link rel="stylesheet" type="text/css" href="css/ie7-style.css" />    <![endif]-->

for CakePHP. At the moment I'm using $this->Html->css('fileName') in the view file and in the default.ctp I do echo $this->fetch('css');

But what do to when i must to use a conditional css expression like above?

Thanks

tigrang · Accepted Answer · 2012-05-28 04:13:50Z

3

If you want conditionals set inside a view file (as in not in a layout), you can do:

// in your view file
$this->Html->css('file', null, array('block' => 'ie_conditional_css'));

// in layout
<?php if ($ieConditionalCss = $this->fetch('ie_conditional_css')): ?
<!--[if lt IE 8]><?php echo $ieConditionalCss ; ?><![endif]-->
<?php endif; ?>

edited May 28, 2012 at 4:13

answered May 28, 2012 at 4:07

tigrang

6,7671 gold badge22 silver badges22 bronze badges

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

Comments

Moin Zaman · Accepted Answer · 2012-05-27 12:35:59Z

3

You just put the comments around your PHP, like this:

answered May 27, 2012 at 12:35

Moin Zaman

25.5k6 gold badges74 silver badges74 bronze badges

2 Comments

Dail Over a year ago

hmm are you sure? because the problem should be if i use $this->Html->css('file') inside a view. The default.ctp will prints all the css files doing $this->fetch('css') but if i do something like that i must to put it in the layout..... no?

pixelistik Over a year ago

Yes, you need to put this into the <head> of your layout any maybe add the 'inline'=>true option to make it an extra link.

Collectives™ on Stack Overflow

How to use conditional CSS In CakePHP 2.x?

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related