Show Menu
ARGOMENTI×

Limitazioni per l’editor

L’editor nell’interfaccia touch utilizza le sovrapposizioni per interagire con contenuti confinati in un iframe. Questa interazione crea alcune limitazioni sia nell'utilizzo dell'editor che per gli sviluppatori. In questa pagina vengono riepilogati questi limiti e vengono fornite soluzioni o soluzioni alternative, laddove possibile.

Limitazioni funzionali

Un autore può incontrare le seguenti limitazioni funzionali quando utilizza l’editor per creare le pagine.

Pagine struttura

Le pagine non possono essere denominate structure . Le pagine denominate structure non saranno modificabili nell’editor pagina.

Limitazioni CSS

Uno sviluppatore può incontrare le seguenti limitazioni con le interazioni dell'editor con CSS.

Elementi posizionati in modo assoluto

Gli elementi posizionati in modo assoluto possono causare problemi nella posizione della sovrapposizione.
  • In questo caso, accertatevi che le dimensioni dell’elemento con posizione assoluta siano corrette perché l’editor creerà una sovrapposizione con le stesse dimensioni.

unità VH

vh le unità non sono supportate perché l'altezza iframe deve essere regolata automaticamente da AEM.

Immagini di sfondo fisse

Le immagini di sfondo fisse potrebbero non essere visualizzate come fisse durante lo scorrimento a causa del fatto che sono incorporate all'interno di un iframe.
  • Selezionando Visualizza pagina come pubblicata nelle azioni della barra dell’intestazione, la pagina viene visualizzata correttamente.

100% Height

Altezza 100% non supportata nell'elemento body di una pagina.
  • È possibile una soluzione alternativa per implementare un corpo a schermo intero "allungando" l'elemento body come segue:
body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

Riduzione margini

I problemi di riduzione del margine possono essere visti se il primo elemento figlio dell'elemento body ha un margine.
  • La soluzione consiste nell'aggiungere una correzione a livello dell'elemento body, come segue:
body:before, body:after{
    content: ' ';
    display: table;
}