====== wBevel ======
 
wBevel es uno de los [[controles contenedores]] básicos de Néfele y tiene su equivalencia en el tag <DIV> de Html.

Su función es encerrar dentro de él otros controles, permitiéndonos así tratarlos de una forma conjunta y crear
dentro del documento html secciones que se comportarán de una manera uniforme.

wBevel unido a la potencia del [[https://materializecss.com/grid.html|MaterializeCSS]] y la propiedad Néfele [[propiedades:oStyle]] conforman la base del diseño responsive, que nos permitirá generar
páginas web adaptables a las dimensiones del dispositivo en el que se muestran.

===== Ejemplos =====

=== Banderas ===


{{url>https://samples.nefele.dev/nefele_test?BevelBasico 100%,500px}}

/*
=== VISTA MOVIL ===

{{url>https://fractality.ddns.net:44444/cgi-bin/nefele_test.exe?BevelBasico 360px,1200px}}

{{tabembed>controles:basicos:bevel:demo1|Vista escritorio,controles:basicos:bevel:demo2|Vista móvil}}


\\
\\
\\

{{url>https://fractality.ddns.net:44444/cgi-bin/nefele_test.exe?BevelBasico 360px,700px}}
*/

<Code:xailer linenums:1>
WITH OBJECT WBevel():New( :WO )
    :cTitle      := "BANDERA FRANCESA"
    :nStyle      := xc_Row      // el Bevel usará toda la fila
    :cTitleAlign := xc_Center
    :Create()
END

// Bevel contenedor de la bandera
WITH OBJECT WBevel():New( :WO )
    :lShadow         := .T.
    :nStyle          := xc_Row
    :aWidth[ xc_L ]  := 6   // La anchura será de 6/12
    :aOffset[ xc_L ] := 3   // Con un margen izquierdo de 1/3 (para que quede centrado)

    // Barra azul
    WITH OBJECT WBevel():New( :WO )
         :cClrPane       := "blue"  // Color de fondo
         :aWidth[ xc_S ] := 4       // Anchura respecto al bevel que la contine de 4/12 ( o 1/3)
         :oStyle:cHeight := "100%"  // con una altura del 100% del bevel que la contiene
         :Create()
    END

    // Barra Blanca
    WITH OBJECT WBevel():New( :WO )
         :aWidth[ xc_S ] := 4
         :Create()
    END

    // Barra Roja
    WITH OBJECT WBevel():New( :WO )
         :cClrPane       := "red"
         :aWidth[ xc_S ] := 4
         :oStyle:cHeight := "100%"
         :Create()
    END

    :Create()
END WITH
</Code>
===== Propiedades =====

^Nombre         ^Init   ^Descripción                                                                     ^Versión ^
|[[propiedades:cOnClick]]|  | Permite definir un evento cuando se haga click en el wBevel |  0.2|
|cModalHeight|    | Altura de la ventana modal |  0.1|
|cPaddingModal|  0px  | Permite definir el Padding cuando ::nStyle >= xc_Modal |  0.2|
|cPaddingModalTop|  0px  | Permite definir el Padding Top cuando ::nStyle >= xc_Modal |  0.2|
|cPaddingModalBottom|  0px  | Permite definir el Padding Bottom cuando ::nStyle >= xc_Modal |  0.2|
|cPaddingModalLeft|  0px  | Permite definir el Padding Left cuando ::nStyle >= xc_Modal |  0.2|
|cPaddingModalRight|  0px  | Permite definir el Padding Right cuando ::nStyle >= xc_Modal |  0.2|
|cTitle|    | Titulo para el wBevel |  0.1|
|cTitleAlign|  [[nefele:constantes#alineaciones|xc_Left]]  | Alineación del Titulo |  0.1|
|cClrTitle|  | Color del cTitle según [[https://materializecss.com/color.html#palette|Materialize]] |  0.2|
|nFontTitle|  5  | Tamaño de la Fuente según [[https://materializecss.com/typography.html|Materialize]] para el Titulo |  0.1|
|lHcenter|  .f.  | Centrado horizontal  de los elementos contenidos [[css:centradoHorizonal | +]]                                                                           |  0.1|
|lNoMargins|  .F.  | Forzamos a No aplicar margen por defecto de Materialize  |  0.2|
|lNoPaddings|  .F.  | Forzamos a No aplicar padding por defecto de Materialize  |  0.2|
|lShadow|   .f.    | Indica si tiene sombra                                               |  0.1|
|lTrueModal|  .f.   | En [[tecnicas:ventana modal|Ventanas modales]], impide cerrar la ventana pinchando fuera de ella |  0.1|
|lValing|  .f.  | Centrado vertical de los elementos contenidos [[css:centradoVertical | +]]                                                                             |  0.1|
|nStyle|  [[nefele:constantes#nstyle-para-wbevel|xc_NoStyle]] | Estilo del wBevel |  0.1|
|oFooter|    | Objeto de la clase [[wBevelFooter]] para controlar el pie de las ventanas modales|  0.1|




===== Métodos =====

^Nombre      ^Descripción                                                                     ^Versión ^
|AddFooter| Asigna a la propiedda oFooter un objeto de la clase [[wBevelFooter]]|  0.1|



===== Hereda de... =====
====== wControl ======
{{page>controles:wcontrol#propiedades}}

{{page>controles:wcontrol#metodos}}
/*
===== Hereda de... =====
{{tabembed>controles:wcontrol| wControl }}
*/

/*
{{tabembed>controles:weditor}}
\\
\\
\\

{{url>https://fractality.ddns.net:44444/wiki/controles/weditor 100%,700px}}

*/
\\
\\
\\



~~DISCUSSION|Comentarios wBevel~~

{{tag>[nefele  primeros-pasos]}}