What Version of Foundation Is Used in Cakephp3

What version of Foundation is used in cakePHP3?

The CakPHP application templates base.css file was last updated with foundation on September the 1st of 2015

https://github.com/cakephp/app/commit/3bf179e04d48c859b4ba411d81607ae25d275b3b

As far as I can tell, this is version 5.5.2. If you need a newer version, then simply don't use the templates default CSS, there is absolutely no need to stick with what ships with the template.

Also you can file an issue on GitHub and suggest an update, or even create pull request and update it yourself.

Cakephp3 Layout size with zurb foundation

You could just set the class in your AppView and echo it out in your view.

Using Foundation Zurb with CakePHP

The official app skeleton uses only a subset of Zurb Foundation. So instead of the default css files you need to download and use Foundation's full (custom version which includes the elements you want) css.

How can I tell which CakePHP version is a project made with?

I have found that the version, as of CakePHP 2.3.0, is held within a static file under the root Cake lib.

bash #: cat $CAKE_ROOT/lib/Cake/VERSION.txt

////////////////////////////////////////////////////////////////////////////////////////////////////
// +--------------------------------------------------------------------------------------------+ //
// CakePHP Version
//
// Holds a static string representing the current version of CakePHP
//
// CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
// Copyright 2005-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
//
// Licensed under The MIT License
// Redistributions of files must retain the above copyright notice.
//
// @copyright     Copyright 2005-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
// @link          http://cakephp.org
// @package       cake.libs
// @since         CakePHP(tm) v 0.2.9
// @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
// +--------------------------------------------------------------------------------------------+ //
////////////////////////////////////////////////////////////////////////////////////////////////////
2.3.0

Responsive bootstrap designing in CakePHP 3x

CakePHP 3 uses the Zurb Foundation front-end framework 'out-of-the-box'. Which means that the classes you want to use will be listed in their documentation.

Specifically the page about the grids.

You can customise, remove or replace the provided default css if you want to. It is only provided so that you can 'hit the ground running' and so that new users are presented with a more organised front-end look when they first start using the framework.

If you'd like to review the history of this change, you can check the PR on Github.

How to use Open Sans font with cakePhp 3?

After the Zurb copyright comment add:

@import {url(fonts.googleapis.com/css?family=Open+Sans); }

Then within the Foundation code find each instance of:

font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;

and change it to:

font-family:"Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;

I've left in the Helvetica so if Google Fonts fail it will fall back to that.

Hope that helps.

Dropdown list size with CakePHP

You can add class or Id to that select box and apply css on that to control width of that box like:

$options = array('M' => 'Male', 'F' => 'Female');
echo $this->Form->select('gender', $options, array('escape' => false));

Which will look like

<select name="data[User][gender]" id="UserGender">
<option value=""></option>
<option value="M">Male</option>
<option value="F">Female</option>
</select>

then add css like

#UserGender {width : 200px;}

---

Related Topics