Sviluppatore / HTML /JS / CSS

WebAcappella Fx permette l’inserimento di codici/scrizioni a più livelli

  • Un componente HTML consente di inserire un codice in qualsiasi punto della pagina

    ../../_images/zone_html.png
    ../../_images/props_zone_html.png

  • All’interno di ogni componente nella scheda «geometria», c’è una proprietà chiamata «Opzioni dello sviluppatore»

    ../../_images/icon_geometry.png

    Qui potete inserire il nome di una o più classi css. La definizione di queste classi può essere fatta nelle proprietà della pagina o anche del sito.

    ../../_images/custom_css_class.png

  • In ogni pagina, la sezione delle proprietà - codice HTML personalizzato consente di compilare il codice CSS/JS

  • Nella sezione delle proprietà generali del sito - la sezione del codice HTML personalizzato consente di compilare il codice CSS/JS

Suggerimento

Esempio in una pagina pubblicata con Webacappella e un componente di testo

Nella scheda Geometria -> Opzioni dello sviluppatore

Compilare il nome delle classi css: MyCssClass

Quindi, nel codice personalizzato della pagina inserire il seguente codice

<style>
        .MyCssClass
        {
                border: solid 2px red !important;
        }
</style>

Il risultato sarà un bel bordo rosso intorno al vostro componente di testo

Nota

WaFx è totalmente indipendente dalle risorse di Bootstrap e JQuery che faciliteranno l’integrazione di codici di terze parti (nessun conflitto)