Show Menu
SUJETS×

Limites de l’éditeur

L’éditeur de l’interface utilisateur tactile emploie des couches pour interagir avec le contenu confiné dans un iFrame. Cette interaction présente certaines limites pour l’utilisation de l’éditeur, mais également pour les développeurs. Cette page résume ces limites et fournit des solutions lorsque cela s’avère possible.

Limites fonctionnelles

Un auteur peut être confronté aux limites fonctionnelles suivantes lors de l’utilisation de l’éditeur pour créer des pages.

Pages de structure

Impossible de nommer les pages structure . Les pages nommées structure ne seront pas modifiables dans l’éditeur de pages.

Limitations CSS

Un développeur peut être confronté aux limites suivantes concernant les interactions de l’éditeur avec CSS.

Éléments à positionnement absolu

Les éléments à positionnement absolu peuvent occasionner des problèmes au niveau de la position de leur incrustation.
  • Si cela se produit, assurez-vous que les dimensions de l’élément à positionnement absolu sont correctes, car l’éditeur créera une incrustation ayant exactement les mêmes dimensions.

Unités vh

vh ne sont pas prises en charge, car la hauteur de l'iframe doit être automatiquement ajustée par AEM.

Images d’arrière-plan fixes

Il est possible que les images d’arrière-plan fixes ne s’affichent pas comme fixes lors du défilement en raison du fait qu’elles sont intégrées dans un iframe.
  • Selecting View Page as Published in the header bar actions displays the page properly.

Hauteur de 100 %

La hauteur de 100 % n’est pas prise en charge sur l’élément de corps d’une page.
  • Une solution de contournement est possible pour mettre en oeuvre un corps plein écran en "étirant" l’élément de corps comme suit :
body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

Réduction de marge

Des problèmes de réduction de marge peuvent apparaître si le premier élément enfant de l’élément de corps comporte une marge.
  • La solution consiste à ajouter un clearfix au niveau de l’élément de corps comme suit :
body:before, body:after{
    content: ' ';
    display: table;
}