Entwickler / HTML /JS / CSS

WebAcappella Fx erlaubt die Einbeziehung von Code/Skripten auf mehreren Ebenen

  • Eine HTML-Komponente ermöglicht es Ihnen, einen Code an beliebiger Stelle auf Ihrer Seite zu platzieren

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

  • Innerhalb jeder Komponente in der Registerkarte „Geometrie“ gibt es eine Eigenschaft namens „Entwickleroptionen“

    ../../_images/icon_geometry.png

    Hier können Sie den Namen einer oder mehrerer css-Klassen eingeben. Die Definition dieser Klassen kann in den Eigenschaften der Seite oder sogar der Website erfolgen.

    ../../_images/custom_css_class.png

  • Auf jeder Seite, im Abschnitt Eigenschaften - benutzerdefinierter HTML-Code ermöglicht das Einfügen von CSS/JS-Code

  • Im Abschnitt Allgemeine Eigenschaften der Website - der Abschnitt Benutzerdefinierter HTML-Code ermöglicht es Ihnen, CSS/JS-Code einzugeben

Tipp

Beispiel in einer mit Webacappella und einer Textkomponente veröffentlichten Seite

In der Registerkarte Geometrie -> Entwickleroptionen

Geben Sie den Namen der css-Klassen ein: MyCssClass

Platzieren Sie dann im benutzerdefinierten Code der Seite den folgenden Code

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

Das Ergebnis wird ein schöner roter Rahmen um Ihre Textkomponente sein

Bemerkung

WaFx ist völlig unabhängig von Bootstrap- und JQuery-Ressourcen, was die Integration von Drittanbieter-Codes erleichtern wird (keine Konflikte)