Muestra las diferencias entre dos versiones de la página.
Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
controles:wbevel [25/12/2019 19:43] pedro |
controles:wbevel [26/03/2022 19:06] (actual) pedro [Ejemplos] |
||
---|---|---|---|
Línea 9: | Línea 9: | ||
páginas web adaptables a las dimensiones del dispositivo en el que se muestran. | páginas web adaptables a las dimensiones del dispositivo en el que se muestran. | ||
- | ===== Ejemplo de uso ===== | + | ===== 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> | <Code:xailer linenums:1> | ||
WITH OBJECT WBevel():New( :WO ) | WITH OBJECT WBevel():New( :WO ) | ||
- | :cTitle := "BANDERA FRANCESA" | + | :cTitle := "BANDERA FRANCESA" |
- | :nStyle := xc_Row // el Bevel usará toda la fila | + | :nStyle := xc_Row // el Bevel usará toda la fila |
- | :cTitleAlign := xc_Center | + | :cTitleAlign := xc_Center |
- | :Create() | + | :Create() |
- | END WIH | + | 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> | </Code> | ||
===== Propiedades ===== | ===== Propiedades ===== | ||
^Nombre ^Init ^Descripción ^Versión ^ | ^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| | |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| | |nFontTitle| 5 | Tamaño de la Fuente según [[https://materializecss.com/typography.html|Materialize]] para el Titulo | 0.1| | ||
- | |cTitleAlign| [[nefele:constantes#alineaciones|xc_Left]] | Alineación del Titulo | 0.1| | ||
|lHcenter| .f. | Centrado horizontal de los elementos contenidos [[css:centradoHorizonal | +]] | 0.1| | |lHcenter| .f. | Centrado horizontal de los elementos contenidos [[css:centradoHorizonal | +]] | 0.1| | ||
- | |lValing| .f. | Centrado vertical de los elementos contenidos [[css:centradoVertical | +]] | 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| | |lShadow| .f. | Indica si tiene sombra | 0.1| | ||
- | |nFontTitle| 5 | Nivel de título (tag <h>) a utilizar | 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| | |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| | ||
+ | |||
Línea 51: | Línea 123: | ||
*/ | */ | ||
- | \\ | ||
- | \\ | ||
- | \\ | ||
- | ===== Ejemplos ===== | ||
- | |||
- | === Banderas === | ||
- | |||
- | |||
- | {{url>https://fractality.ddns.net:44444/cgi-bin/nefele_test.exe?BevelBasico 100%,800px}} | ||
- | |||
- | /* | ||
- | === 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}}*/ | ||