Utilizzare gli stili delle barre di modifica personalizzati

Una barra delle modifiche è una linea verticale che identifica visivamente il contenuto nuovo o rivisto. AEM Guides consente di visualizzare una barra di modifica a sinistra del contenuto modificato all’interno di argomenti e anche gli argomenti modificati nel sommario dell’output PDF.

Per ulteriori dettagli sulla visualizzazione della barra delle modifiche, vedere l'impostazione Crea PDF con barra di modifica tra versioni pubblicate in Output di Publish PDF.

Contenuto modificato negli argomenti

La barra delle modifiche viene visualizzata a sinistra del contenuto negli argomenti inseriti, modificati o eliminati.

È possibile modificare i seguenti stili per visualizzare il contenuto modificato e tra con le barre di modifica.

È ad esempio possibile utilizzare l'attributo color nello stile .inserted-block per definire la modalità di visualizzazione del contenuto inserito nell'output PDF pubblicato.

...
.inserted-block {
  color: #2ECC40;
  display: inline;
  -ro-comment-content: " ";
  -ro-comment-style: underline;
  -ro-comment-title: "Inserted";
  -ro-comment-date: attr(data-time);
  -ro-comment-dateformat: "yyyy/dd/MM HH:mm:ss";
}
...

Analogamente, è possibile utilizzare lo stile .deleted-block per definire la modalità di visualizzazione del contenuto eliminato nell'output PDF pubblicato.

...
.deleted-block {
  display: inline;
  color: #FF6961;
  text-decoration: line-through;
  -ro-comment-content: " ";
  -ro-comment-style: strikeout;
  -ro-comment-title: "Deleted";
  -ro-comment-date: attr(data-time);
  -ro-comment-dateformat: "yyyy/dd/MM HH:mm:ss";
}
...

È possibile utilizzare lo stile .inserted-change-bar e .deleted-change-bar per modificare l'aspetto delle barre di modifica visualizzate a sinistra del contenuto aggiornato.

Ad esempio, è possibile utilizzare l'attributo -ro-change-bar-color nello stile .inserted-change-bar per visualizzare la barra delle modifiche inserita in verde. È inoltre possibile utilizzare l'attributo -ro-change-bar-color nello stile .deleted-change-bar per visualizzare la barra delle modifiche eliminata in rosso.

...
.inserted-change-bar {
  -ro-change-bar-color: #2ECC40;
}

.deleted-change-bar {
  -ro-change-bar-color: #FF6961;
  }
...

Argomento modificato nel sommario

È inoltre possibile aggiungere una barra di modifica a sinistra degli argomenti modificati nel sommario dell'output di PDF. È possibile utilizzare l'attributo -ro-change-bar-color nello stile .changed-topic per aggiungere una barra di modifica con il colore desiderato per gli argomenti aggiornati nell'elenco sommario.

Ad esempio, è possibile aggiungere una barra di modifica di colore verde.

...
.changed-topic {
 -ro-change-bar-color: #2ECC40;
}
...

Questa mostra una barra di modifica verde rispetto a tutti gli argomenti nel sommario in cui sono stati eseguiti alcuni aggiornamenti. Puoi fare clic sull’argomento modificato nel sommario e visualizzare le modifiche dettagliate.