[Risolto][Yii 1]Utilizzo Bootstrap

Ave,

all’interno della view dovrei utilizzare il widget di Bootstrap TbCarousel,

ora mi si presenta un problema; non sopporto lo stile che utilizza Bootstrap per cui vorrei utilizzare solamente il widget sopracitato, come faccio ad importare solamente il Carosello ed utilizzarla come se fosse un estensione a se stante?

ora la view si presenta così:


$this->widget('bootstrap.widgets.TbCarousel', array(

    'items' => $foto,

));

?>

dove $foto rappresenta un array di immagini.

il file main si presenta invece così:


return array(

    'language' => 'it',

    'basePath' => dirname(__FILE__) . DIRECTORY_SEPARATOR . '..',

    'preload' => array('bootstrap', 'log'),

    'import' => array(

        'application.models.*',

        'application.components.*',

    ),


    'components' => array(

        'bootstrap' => array(

            'class' => 'ext.bootstrap.components.Bootstrap',

            'coreCss' => true,

            'responsiveCss' => true,

            'yiiCss' => true,

        ),

Ovviamente così funziona tutto, ma vorrei poter utilizzare solo il Carosello senza dover cambiare tutti gli stili del mio sito.

Grazie!

hai provato a togliere il bootrstrap dal preload ed a importare solo il carosello nel Controller che ti serve?

si, ho provato facendo


$this->widget('ext.bootstrap.widgets.TbCarousel', array(

    'items' => $foto,

));

?>

importa tutte le foto una sopra l’altra senza però importare css e javascript

ma se usi bootstrap come libreria a se stante?

nel main fai qualcosa del tipo




'components' => array ( 

  ....

		'clientScript' => array(

			'packages' => array(

				'jquery' => array(

					'basePath' 				=> "application.vendor.jquery",

					'js' 					=> array('jquery-1.11.1.min.js'),

					'coreScriptPosition' 	=> CClientScript::POS_HEAD,

				),

				// git submodule

				'bootstrap' => array (

					'basePath' 				=> "application.vendor.bootstrap",

					'js' 					=> array('dist/js/bootstrap.min.js'),

					'css' 					=> array('dist/css/bootstrap.min.css'),

					'coreScriptPosition' 	=> CClientScript::POS_HEAD,

					'depends' 				=> array('jquery'),

				),


... 



E poi nel file della vista




Yii::app()->getClientScript()->registerCoreScript( 'bootstrap' );




A quel punto puoi sare la libreria bootstrap “così come’è”

Ho provato a fare come mi hai detto, mi da errore…

ho modificato il main come segue


'clientScript' => array(

    'packages' => array(

        'jquery' => array(

            'basePath' => "application.extensions.jquery",

            'js' => array('jquery-1.11.1.min.js'),

            'coreScriptPosition' => CClientScript::POS_HEAD,

        ),

    // git submodule

        'bootstrap' => array (

            'basePath' => "application.extensions.bootstrap",

            'js' => array('dist/js/bootstrap.min.js'),

            'css' => array('dist/css/bootstrap.min.css'),

            'coreScriptPosition' => CClientScript::POS_HEAD,

            'depends' => array('jquery'),

        ),

    ),

),

e la view


Yii::app()->getClientScript()->registerCoreScript( 'bootstrap' );


$this->widget('bootstrap.widgets.TbCarousel', array(

    'items' => $foto,

));

se indichi l’errore è più facile <_<

clientScript va sotto components




	// application components

	'components'=>array(

                 .... 

                 'clientScript'  =>array(

...




ho provato il tuo metodo ma non sono riuscito a risolvere… non c’è un altro sistema per utilizzare solamente l’oggetto TbCarousel?

altrimenti potreste consigliarmi un altro carosello simile a quello di bootstrap?

Grazie a tutti, alla fine ho risolto nella maniera più spartana; ho semplicemente cancellato dal css le parti che non mi interessavano.