Utiliser Bootstrap dans ses formulaires

Bootstrap est un framework HTML/CSS/JavaScript permettant de créer facilement des interfaces web qui s’adaptent parfaitement sur ordinateur, tablette et mobile.

images/9-8.png

Il est très facile d’utiliser Bootstrap au sein d’une application CakePHP, il suffit d’ajouter les fichiers CSS et JavaScript fournis puis de lire la documentation pour comprendre comment construire ses pages.

Mais, grâce aux plugins de la communauté de CakePHP, il est possible d’intégrer pleinement Bootstrap à CakePHP et ainsi gagner un temps précieux dans la réalisation des formulaires et des pages.

Cette section décrit donc l’utilisation du plugin CakePHP Bootstrap Helper disponible à cette adresse : https://holt59.github.io/cakephp3-bootstrap-helpers/

1. Installer le plugin Bootstrap Helper

Comme toujours, il suffit d’utiliser Composer pour installer le plugin :


composer require holt59/cakephp3-bootstrap-helpers:dev-master
 

Il faut ensuite activer ce plugin depuis le fichier config/bootstrap.php :


Plugin::load('Bootstrap');
 

Enfin, puisque ce plugin met à disposition de nouveaux assistants, nous allons indiquer à CakePHP d’utiliser ces derniers plutôt que ceux par défaut.

Au sein du fichier appController.php il faut ajouter le code :


public $helpers = [  
    'Html' => [  
        'className' => 'Bootstrap.BootstrapHtml'  ...
Pour consulter la suite, découvrez le livre suivant :
couv_EP3CAK.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Gérer les suppressions logiques avec SoftDelete
Suivant
Exporter des données au format CSV