Problema en bootstrap con widgtes de kartik

International Spanish
1

Buenos Dias, de forma general cuando intento poner un widget de kartik, me estropea la visualización de boostrap afectando al tamaño del texto, imagenes y demás, en la documentación he visto que modifica algunas clases del css pero ¿Cómo puedo anular que disponga su propio estilo y no me estrope la visualización previa?

This is controlled by the property bsDependencyEnabled within the asset bundle (which defaults to true). One can override this and prevent the default yii2 bootstrap assets (CSS & JS) from loading by doing one or all of the following:

Global Override: Set Yii::$app->params['bsDependencyEnabled'] to false in your Yii 2 application config params.php. This setting will be applied for all Krajee Extension Asset Bundles that depend on Bootstrap assets.

'params' => [
    'bsDependencyEnabled' => false, // this will not load Bootstrap CSS and JS for all Krajee extensions 
    // you need to ensure you load the Bootstrap CSS/JS manually in your view layout before Krajee CSS/JS assets
    //
    // other params settings below
    // 'bsVersion' => '4.x', 
    // 'adminEmail' => 'admin@example.com'
]

Asset Bundle Specific Override: Set bsDependencyEnabled to false for the specific asset bundle within Yii2 Asset Manager component in your Yii 2 application config file.

// ...
'components' => [
    'assetManager' => [
        'bundles' => [
            'kartik\form\ActiveFormAsset' => [
                'bsDependencyEnabled' => false // do not load bootstrap assets for a specific asset bundle
            ],
        ],
    ],
],

Gracias.

2

Hola estimado! A ver si entiendo, creo que puedo ayudarte, utilizas bootstrap 4 en tu layout y cuando insertas un widget de kartik se ve como mas pequeña la fuente y todo medio raro?

Aguardo tu respuesta, saludos!

3

Exacto, ese el problema. ¿Alguna solución? Gracias

4

Si claro, al menos yo utilizo en la mayoría de los proyectos la plantilla avanzada, entonces dentro de backend/config/params.php tengo este código:

return [
'bsVersion' => '4.x',
'adminEmail' => 'admin@example.com'
];

Eso fuerza a todas las extensiones de kartik a utilizar la versión 4 de bootstrap.

Dime si te ha ayudado, saludos!

1 Like
5

Hola Nicolas, espero te encuentres bien.
Probé esta solución pero aún sigo con el mismo problema, y revisando un poco a profundidad, me doy cuenta de que el archivo CrudAsset de la extensión por defecto viene escrito para cargar bootstrap 3 tal y como se puede observar en esta imagen.

image
image723×600 18.3 KB
.

¿En ese caso, qué podría hacer para que sobreescriba los assets?
Estoy usando la extensión de kartik junto a la extensión ajaxcrud de johnitvn .
Gracias de antemano por la ayuda.