Herramientas de usuario

Herramientas del sitio


controles:wbevel

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 MaterializeCSS y la propiedad Néfele 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

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

Propiedades

Nombre Init Descripción Versión
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 xc_Left Alineación del Titulo 0.1
cClrTitle Color del cTitle según Materialize 0.2
nFontTitle 5 Tamaño de la Fuente según Materialize para el Titulo 0.1
lHcenter .f. Centrado horizontal de los elementos contenidos + 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 Ventanas modales, impide cerrar la ventana pinchando fuera de ella 0.1
lValing .f. Centrado vertical de los elementos contenidos + 0.1
nStyle 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

Propiedades

Nombre Init Descripción Versión
cClassId Identificador del control para generar el Id 0.1
cId Nil Identificador único para cada Control 0.1
oParent Control contenedor 0.1
oHtml Objeto de la clase wHtml con el código para su renderizado 0.1
oStyle Objeto de la clase wStyle con las variantes de estilo 0.1
lEnabled .t. El control aparece Habilitado o Inhabilitado 0.1
lHide .f. El control aparece Oculto o Visible 0.1
aWidth {12,,,} Ancho del control según el tamaño de la pantalla 0.1
aOffset {,,,} Margen izquierdo según el tamaño de la pantalla 0.1
cClrText black Color de Texto 0.1
cClrPane white Color del Fondo 0.1
14/11/2019 14:37 · fredy

Métodos

Nombre Descripción Versión
Create Este es el método que crea cada uno de los controles, esta desarrollado en cada Control 0.1
FullHtml Nos devuelve una cadena con todo el código HTML y JS necesario para crear el control 0.1
LogDebug Nos Añade un mensaje a la consola del navegador cuando estamos en modo Debugger 0.1
Assert Nos Añade un comentario en el HTML cuando estamos en modo Debugger 0.1
AddHTML Nos Añade código HTML dentro del control 0.1
AddParam Añade un parámetro a la propiedad aParams, hay que pasarle un array {“nombre”,“valor”} 0.2
14/11/2019 14:37 · fredy

Comentarios wBevel

Escribe el comentario. Se permite la sintaxis wiki:
 
controles/wbevel.txt · Última modificación: 12/08/2020 20:45 por pedro