[shingionline]

Hello everyone,

I'm using the Yii Booster extension which i have extracted into the directory

protected/extensions/bootstrap

I am trying to create two buttons using the code below:-

$this->widget('ext.bootstrap.widgets.TbButton',array(
	'label' => 'Primary',
	'type' => 'primary',
	'size' => 'large'
));

$this->widget('ext.bootstrap.widgets.TbButton',array(
	'label' => 'Secondary',
	'size' => 'large'
));

My problem is that the stylesheet is not loading so i just get the button labels printed next to each other without the actual button. Please let me know where i could be going wrong with the configuration.

Please see attached images

Thanks

Attached File(s)

•  my-application.gif (5.82K)
  Number of downloads: 28
•  example.gif (13.2K)
  Number of downloads: 25

[Adriano Mendes]

download the full bootstrap on the official website http://twitter.github.com/bootstrap/
and place the css folder localhost/yiiapp/css

[resurtm]

Adriano Mendes, on 08 November 2012 - 06:42 AM, said:

download the full bootstrap on the official website http://twitter.github.com/bootstrap/
and place the css folder localhost/yiiapp/css

You're not right. YiiBooster made as ready to be instantly used solution, without need to download additional stuff (bootstrap itself, styles, etc.).

[shingionline]

Adriano Mendes, on 08 November 2012 - 06:42 AM, said:

download the full bootstrap on the official website http://twitter.github.com/bootstrap/
and place the css folder localhost/yiiapp/css

I have already downloaded the full yii booster package and extracted it into

protected/extensions/bootstrap

My problem is that the CSS files are not being loaded.

Attached File(s)

•  directory-structure.gif (5.19K)
  Number of downloads: 18

[resurtm]

shingionline, on 08 November 2012 - 06:17 AM, said:

I'm using the Yii Booster extension which i have extracted into the directory

protected/extensions/bootstrap

Did you learned about YiiBooster installation process? You can find it here: http://yii-booster.c...ng-started.html

Installation of the YiiBooster is not just copying directory.

[shingionline]

resurtm, on 08 November 2012 - 07:58 AM, said:

Did you learned about YiiBooster installation process? You can find it here: http://yii-booster.c...ng-started.html

Installation of the YiiBooster is not just copying directory.

Yes i did follow the installation process for Yii boster as best as I could, maybe I made a mistake somewhere. Attached is my protected/config/main.php file

Attached File(s)

•  main.php (3.6K)
  Number of downloads: 17

[resurtm]

Your configuration file is incorrect. Here is the problem part:

	// application components
	'components'=>array(
		'user'=>array(
			// enable cookie-based authentication
			'class' => 'WebUser',
            'allowAutoLogin'=>true,
            'loginUrl' => array('/user/login'),
			
		'bootstrap' => array(
	    'class' => 'ext.bootstrap.components.Bootstrap',
	    'responsiveCss' => true,
	
	),

Note that 'bootstrap' shouldn't be child of the 'user' (as you have know). It's application component and should be placed in the 'components' array. Correct code:

'user'=>array(
	// enable cookie-based authentication
	'class' => 'WebUser',
	'allowAutoLogin'=>true,
	'loginUrl' => array('/user/login'),
),		
'bootstrap' => array(
	'class' => 'ext.bootstrap.components.Bootstrap',
	'responsiveCss' => true,
),

[Adriano Mendes]

shingionline, on 08 November 2012 - 07:57 AM, said:

I have already downloaded the full yii booster package and extracted it into

protected/extensions/bootstrap

My problem is that the CSS files are not being loaded.

you can not put the folder in css

protected/extensions/bootstrap

protected because the folder is protected or a browser can access this folder.

why should you put in lacalhost/yiiapp/css

[resurtm]

Adriano Mendes, on 08 November 2012 - 08:52 AM, said:

you can not put the folder in css

protected/extensions/bootstrap

protected because the folder is protected or a browser can access this folder.

why should you put in lacalhost/yiiapp/css

It's okay to put assets files to the protected directory since YiiBooster fully leverages CAssetManager component features. They will be published in the assets folder (which is publicly available) after first application run.

[Adriano Mendes]

resurtm, on 08 November 2012 - 09:02 AM, said:

It's okay to put assets files to the protected directory since YiiBooster fully leverages CAssetManager component features. They will be published in the assets folder (which is publicly available) after first application run.

did not know, thank Resurtm

[shingionline]

resurtm, on 08 November 2012 - 08:33 AM, said:

Your configuration file is incorrect. Here is the problem part:

	// application components
	'components'=>array(
		'user'=>array(
			// enable cookie-based authentication
			'class' => 'WebUser',
            'allowAutoLogin'=>true,
            'loginUrl' => array('/user/login'),
			
		'bootstrap' => array(
	    'class' => 'ext.bootstrap.components.Bootstrap',
	    'responsiveCss' => true,
	
	),

Note that 'bootstrap' shouldn't be child of the 'user' (as you have know). It's application component and should be placed in the 'components' array. Correct code:

'user'=>array(
	// enable cookie-based authentication
	'class' => 'WebUser',
	'allowAutoLogin'=>true,
	'loginUrl' => array('/user/login'),
),		
'bootstrap' => array(
	'class' => 'ext.bootstrap.components.Bootstrap',
	'responsiveCss' => true,
),

Thank you very much, i made this change and now all is working perfectly. Thank you also to everyone who responded to this thread

[Antonio Ramirez]

resurtm, on 08 November 2012 - 09:02 AM, said:

It's okay to put assets files to the protected directory since YiiBooster fully leverages CAssetManager component features. They will be published in the assets folder (which is publicly available) after first application run.

Thank you resurtm! Great support