[EXTENSION] Foundation

phpnode · April 23, 2012, 8:16pm

Great work!

Am I right in saying this is almost drop in compatible with Chris83’s bootstrap extension?

Asgaroth · April 23, 2012, 9:46pm

Well this extension is heavily inspired by his. but foundation and bootstrap themselves have notable differences.

peterjkambey · April 27, 2012, 4:17am

well then,

in new release of foundation ext, how to use NavBar and SubNav?

Asgaroth · April 27, 2012, 6:11am

There are examples in the online docs

Here is one:


<?php

$this -> widget("foundation.widgets.FounNavBar", array('items' => array(

    array('label' => 'Nav Item 1'),

    array('label' => 'Nav Item 2', 'flyout' => array('small', '<h5>Small Example (200px)</h5>

    <p>

        This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text.

    </p>')),

    array('label' => 'Nav Item 3', 'flyout' => 'content...'),

    array('label' => 'Nav Item 4', 'flyout' => array(

        'large right',

        'content...', true

    )),

)));

?>

peterjkambey · April 27, 2012, 8:14am

Asgaroth:

There are examples in the online docs

Here is one:


<?php

$this -> widget("foundation.widgets.FounNavBar", array('items' => array(

    array('label' => 'Nav Item 1'),

    array('label' => 'Nav Item 2', 'flyout' => array('small', '<h5>Small Example (200px)</h5>

    <p>

        This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text.

    </p>')),

    array('label' => 'Nav Item 3', 'flyout' => 'content...'),

    array('label' => 'Nav Item 4', 'flyout' => array(

        'large right',

        'content...', true

    )),

)));

?>

Yaps…my Friends… i dont realize that http://foundation.oakwebdev.com/ is the Foundation Yii-Extension Demo site. Very similiar with it’s original website. I really surprise, that it’s already there… shame on me…but thanks anyway…

sebako86 · April 30, 2012, 12:17pm

Hey there,

I am using your extension and I am really happy with it so far! Thanks for the good job!

One question though … I havn’t seen a passwordFieldRow yet, any plans on that?

Cheers

-Seb

zitter · May 16, 2012, 5:10am

It misses SubmitButton too… the project seems blocked since 1 month

Asgaroth · May 16, 2012, 3:36pm

eeh.,… im still a live , just kindda busy T_T

Ill try to get you guys an update this weekend. hail Yii!

zitter · May 17, 2012, 12:58pm

BTW, this is the best news

Is it possible to help you with your project? For example, how to create password input and submit one?

Asgaroth · May 17, 2012, 2:48pm

For sure!

the project its hosted on github, just fork it! https://github.com/Asgaroth/foundation

scoob.junior · May 20, 2012, 11:49am

Hi, guys,

Asgaroth, thank you very much for the extension.

Has anybody implemented the password field yet?

Thanks

scoob.junior · May 20, 2012, 12:11pm

Ooops, answer my own question, password field is implemented on git. - thanks

I would like to suggest the following to improve the extension, I’ve made these changes to fit my needs and thought it could be useful to others:

option to register app.css file or even a custom app.css file (see code below)
make registerJs() method public (why? - because sometimes I just want to force registering js files and sometimes in specific places)
register Js files with POS::END option
change the text in comments Registers the Foundation CSS instead of Registers the Bootstrap CSS

Foundation.php




	/**

	 * @var boolean whether to register the Foundation app CSS (app.css) or another file

	 * Defaults to true, but only registers if coreCss is also true

	 */	

	public $appCss = true;

And the code




	/**

	 * Registers the Foundation CSS.

	 */

	public function registerCss() {

		Yii::app() -> clientScript -> registerCssFile($this -> getAssetsUrl() . '/stylesheets/foundation.css');

		if($this->appCss):

			if(is_bool($this->appCss))

				Yii::app() -> clientScript -> registerCssFile($this -> getAssetsUrl() . '/stylesheets/app.css');

			else

				Yii::app() -> clientScript -> registerCssFile($this->appCss);

		endif;

	}




	/**

	 * Registers the core JavaScript plugins.

	 * @since 0.9.8

	 */

	public function registerJs() {

		Yii::app() -> clientScript -> registerCoreScript('jquery');

		Yii::app() -> clientScript -> registerScriptFile($this -> getAssetsUrl() . '/javascripts/modernizr.foundation.js',  CClientScript::POS_END);

		Yii::app() -> clientScript -> registerScriptFile($this -> getAssetsUrl() . '/javascripts/foundation.js',  CClientScript::POS_END);

		Yii::app() -> clientScript -> registerScriptFile($this -> getAssetsUrl() . '/javascripts/app.js',  CClientScript::POS_END);

	}

I’m pretty sure somebody has a good approach to do this or even better idea. This is only my two cents trying o improve this excellent extension!

Best regards!

Asgaroth · May 20, 2012, 9:23pm

@Junior - df9

I just uploaded a new version added most of the recommendations except for the app.css which is not something that belongs to the application and not the extension, it is there only because it belongs to foundation it self, I might remove it latter (I should have now but I forgot to xD).

You are not supposed to edit any extension files, instead create an app.css in your CSS folder and include it manually.

Thanks for your feedback!

scoob.junior · May 21, 2012, 10:17am

@Asgroth

You’re right about app.css.

Thank you very much for applying the changes, I’ve already downloaded the new version.

Best regards!

renathy · May 28, 2012, 10:33am

Can I style my GridViews with Foundation?

(I am new in Yii and also in using CSS frameworks).

Asgaroth · May 28, 2012, 3:05pm

You can use the cssFile property of CGridView, set it to false and you’ll get default styles for tables from foundation, you can also create a specific css file for grid views and set that css instead.

Yii Foundation It does not (yet) have a gridview widget like bootstrap, if people request it enough (or contribute it) it could be added. it just doesn’t seem necessary for now.

cass · July 9, 2012, 11:08pm

Hi, thanks for the very cool extension. It rocks!

However, I am hitting a problem when using Ajax Buttons.

I realised that once I comment the foundation .js registering method (component’s registerJs()), then my Ajax Buttons come back to life.

I did a bit of debugging, and noticed that the presence of jQuery(document).ready() is what makes Ajax stop working.

Can you please confirm that it is indeed the case and perhaps suggest a way to get around that?

I’ve also tested with the version 3 of the extension but it does not work either.

Many thanks for your help

Cass

Asgaroth · July 9, 2012, 11:38pm

I wont have time to take a look until this weekend.

For now please show me the Javascript generated code, I cannot see why a "jQuery(document).ready()" would generate such an issue, maybe I can understand a little more if I see some code.

Thanks for your feedback!

cass · July 10, 2012, 12:10am

Hi Asgaroth,

Thanks for the quick reply.

No problem, I am mainly using the layout elements of foundation, so for now I’ve commented the registration of the scripts out and I can survive with that until we get the client to approve things.

At one point I commented out my code and used the stuff at http://www.yiiframework.com/wiki/49/update-content-in-ajax-with-partialrender/ to ensure I was not forgetting anything. That did not work either until I commented out the foundation .js.

I hope that is enough info, but if you could have a look during the weekend, that would most definitely suffice.

Cheers

Cass

Asgaroth · July 10, 2012, 7:10pm

Thanks,

Still I would like to see the generated javascript which is generating errors with your code. otherwise I’ll have to recreate the scenario and see if it gets broken for me too.