Merge branch '382-probleme-d-affichage-sur-les-champs-dans-le-formualire' into '1.2.0'

Resolve "problème d'affichage sur les champs dans le formualire"

See merge request libriciel/pole-citoyens/web-DPO/web-DPO!351

app/View/Elements/Fiches/tabs/formulaire.ctp

@@ -99,7 +99,7 @@ $line = 1;
                 case 'title':
                     ?>
                     <div class="col-md-12 text-center">
-                        <h1>
+                        <h1 style="overflow-wrap: anywhere;">
                             <?php echo $options['content']; ?>
                         </h1>
                     </div>
@@ -109,7 +109,7 @@ $line = 1;
                 // Label
                 case 'texte':
                     echo '<div class="form-group">'
-                        . '<h5>' . $options['content'] . '</h5>'
+                        . '<h5 style="overflow-wrap: anywhere;">' . $options['content'] . '</h5>'
                         . '</div>';
                     break;
 
@@ -120,7 +120,7 @@ $line = 1;
                         <div class="col-md-12">
                             <i class="fa fa-fw fa-info-circle fa-2x"><!----></i>
                         </div>
-                        <div class="col-md-12">
+                        <div class="col-md-12" style="overflow-wrap: anywhere;">
                             <?php echo $options['content']; ?>
                         </div>
                     </div>

app/View/Elements/Formulaires/champDuFormulaire.ctp

@@ -91,7 +91,7 @@ foreach ($champs as $key => $value) {
         // Titre de catégorie
         case 'title':
             echo '<div class="draggable form-group col-md-6 title text-center" style="top:' . $line . 'px; ' . $colonne . '">'
-                . '<h1>' . $details['content'] . '</h1>'
+                . '<h1 style="overflow-wrap: anywhere;">' . $details['content'] . '</h1>'
                 . '</div>';
             break;
 
@@ -102,7 +102,7 @@ foreach ($champs as $key => $value) {
                     . '<div class="col-md-12">'
                         . '<i class="fa fa-fw fa-info-circle fa-2x"><!----></i>'
                     . '</div>'
-                    . '<div class="col-md-12 messager">'
+                    . '<div class="col-md-12 messager" style="overflow-wrap: anywhere;">'
                         . $details['content']
                     . '</div>'
                 . '</div>'
@@ -234,7 +234,7 @@ foreach ($champs as $key => $value) {
         // Label
         case 'texte':
             echo '<div class="draggable form-group col-md-6 texte" style="top:' . $line . 'px;' . $colonne . '">'
-                . '<h5>' . $details['content'] . '</h5>'
+                . '<h5 style="overflow-wrap: anywhere;">' . $details['content'] . '</h5>'
                 . '</div>';
             break;
 

app/webroot/js/FormulaireGenerator/createFormulaire.js

@@ -191,7 +191,7 @@ let createForm = function(typeCreateForm) {
             case 'btn-title-'+typeCreateForm:
                 newElement = jQuery(
                     '<div class="draggable form-group col-md-6 title ui-selected text-center" style="left : 0px; top : ' + top + 'px;">' +
-                        '<h1>' +
+                        '<h1 style="overflow-wrap: anywhere;">' +
                             'Titre de catégorie' +
                         '</h1>' +
                     '</div>'
@@ -205,7 +205,7 @@ let createForm = function(typeCreateForm) {
                             '<div class="col-md-12">' +
                                 '<i class="fa fa-fw fa-info-circle fa-2x"></i>' +
                             '</div>' +
-                            '<div class="col-md-12 messager">' +
+                            '<div class="col-md-12 messager" style="overflow-wrap: anywhere;">' +
                                 'Champ d\'information' +
                             '</div>' +
                         '</div>' +
@@ -292,7 +292,7 @@ let createForm = function(typeCreateForm) {
             case 'btn-texte-'+typeCreateForm:
                 newElement = jQuery(
                     '<div class="draggable form-group col-md-6 texte ui-selected" style="left : 0px; top : ' + top + 'px;">' +
-                        '<h5>' +
+                        '<h5 style="overflow-wrap: anywhere;">' +
                             'Votre texte' +
                         '</h5>' +
                     '</div>'