Desenvolvedor / HTML /JS / CSS

WebAcappella Fx permite a inclusão de código/scripts em vários níveis

  • Um componente HTML permite que você coloque um código em qualquer lugar em sua página

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

  • Dentro de cada componente na aba “geometria”, há uma propriedade chamada “Developer Options” (Opções do Desenvolvedor)

    ../../_images/icon_geometry.png

    Aqui você pode digitar o nome de uma ou mais classes css. A definição dessas classes pode ser feita nas propriedades da página ou mesmo do site.

    ../../_images/custom_css_class.png

  • Em cada página, a seção de propriedades - código HTML personalizado permite que você preencha o código CSS/JS

  • Na seção de propriedades gerais do site - a seção de código HTML personalizado permite que você preencha o código CSS/JS

Dica

Exemplo em uma página publicada com Webacappella e um componente de texto

Na aba geometria -> Opções do desenvolvedor

Preencha o nome das classes css: Classe MyCss**

Então, no código personalizado da página coloque o seguinte código

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

O resultado será uma bela borda vermelha ao redor de seu componente de texto

Nota

WaFx é totalmente independente dos recursos Bootstrap e JQuery, o que facilitará a integração de códigos de terceiros (sem conflitos)