Desarrollador / HTML /JS / CSS

WebAcappella Fx permite la inclusión de código/scripts a varios niveles

  • Un componente HTML le permite colocar un código en cualquier lugar de su página

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

  • Dentro de cada componente de la pestaña «geometría», hay una propiedad llamada «Opciones del desarrollador»

    ../../_images/icon_geometry.png

    Aquí puede introducir el nombre de una o más clases de css. La definición de estas clases se puede hacer en las propiedades de la página o incluso del sitio.

    ../../_images/custom_css_class.png

  • En cada página, la sección de propiedades - código HTML personalizado le permite rellenar el código CSS/JS

  • En la sección de propiedades generales del sitio - la sección de código HTML personalizado le permite llenar el código CSS/JS

Truco

Ejemplo en una página publicada con Webacappella y un componente de texto

En la pestaña de geometría -> Opciones del desarrollador

Rellena el nombre de las clases de css: MyCssClass

Entonces, en el código personalizado de la página coloque el siguiente código

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

El resultado será un bonito borde rojo alrededor de su componente de texto

Nota

WaFx es totalmente independiente de los recursos de Bootstrap y JQuery, lo que facilitará la integración de códigos de terceros (sin conflictos)