Un élément s’affiche ou se comporte mal.

Corrigez les problèmes d’éléments les plus fréquents. Avant de commencer, testez l’élément sur une nouvelle page vide pour écarter le contenu autour.

Ma mise en page de ligne casse quand je la cache sur certains appareils

Les choix Responsive Visibility sous HTML classes sont des classes d’affichage Bootstrap, comme d-none d-md-block. Sur une ligne, elles remplacent la mise en page propre de la ligne, donc les colonnes s’empilent. Mettez les classes sur les colonnes, ou sur la section autour de la ligne.

La console dit que Bootstrap demande un jQuery inférieur à la version 4

Votre thème charge le JavaScript Bootstrap 3 ou 4, qui refuse de tourner avec le jQuery 4 livré par les versions récentes de Drupal 11. DXPR Builder lui-même n’utilise pas jQuery.

1. Arrêtez de charger le JavaScript Bootstrap 3 ou 4 depuis le thème.
2. Si le thème ne charge pas Bootstrap 5, accédez à DXPR Studio > DXPR Builder > General Settings > Bootstrap et réglez Sideload Bootstrap files sur Bootstrap 5.

Note : le module ne prend en charge que Bootstrap 5. Un thème en Bootstrap 3 ou 4 doit être migré.

Mes colonnes se désalignent à largeur tablette

La grille a 12 colonnes, donc cinq colonnes ne peuvent pas être égales. Cliquez sur l’icône de grille de la ligne et choisissez un préréglage comme 1/4 + 1/4 + 1/4 + 1/4 ou 1/3 + 1/3 + 1/3. Pour donner aux tablettes leur propre mise en page, cliquez sur Add screen size et choisissez la taille dans sa liste.

Un lien dans mon élément Lien ne fait rien

L’élément Lien est lui-même une balise a, et les navigateurs n’autorisent pas les liens dans les liens. Utilisez un élément Bouton, ou un élément Texte avec un lien.

Les liens d’ancre atterrissent sous mon en-tête fixe

1. Accédez à General Settings et ouvrez Advanced Settings.
2. Réglez Scroll offset selector sur le sélecteur CSS de votre en-tête fixe. La valeur par défaut couvre les en-têtes de DXPR Theme.
3. Donnez à l’élément cible un HTML ID dans le panneau General de ses réglages.

Ma vidéo ne démarre pas toute seule

Les navigateurs refusent de démarrer une vidéo avec du son. Dans les réglages de la vidéo locale, cochez Muted à côté de Start playing automatically et enregistrez.

Un bloc dans ma page n’a pas de contrôles d’édition

Un bloc DXPR Builder placé dans une page du builder s’affiche sans son propre éditeur, donc vous ne pouvez pas y modifier son contenu. Modifiez le bloc là où il se trouve dans une région du thème, sous Structure > Block layout, ou utilisez un élément HTML à la place.

Les filtres exposés d’une vue ne font rien

L’éditeur affiche « Turn on Ajax on this view to use exposed filters. » Les filtres dans le builder ne fonctionnent qu’avec AJAX.

1. Modifiez la vue et ouvrez Advanced.
2. Réglez Use AJAX sur Yes et enregistrez la vue.
3. Videz tous les caches.

Les balises de script disparaissent de mon élément Texte

Le builder retire les balises <script src> de chaque élément sauf l’élément HTML. Mettez intégrations et scripts dans un élément HTML. Si Apply text format filters to frontend content est activé, le format de texte du champ doit aussi autoriser les balises.

Ma politique de sécurité du contenu bloque l’éditeur

Le contenu du builder garde son style dans des attributs style en ligne, et avec Asset source réglé sur Cloud, les scripts de l’éditeur se chargent depuis https://cdn2.dxpr.com. Autorisez 'unsafe-inline' dans style-src, et autorisez https://cdn2.dxpr.com dans script-src et style-src.

Vérifier la correction

Enregistrez, puis vérifiez l’élément avec View mode réglé sur Preview et comme visiteur anonyme dans une fenêtre privée.

Et ensuite ?

Éléments de contenu pour les réglages de chaque élément.