Diferencias

Muestra las diferencias entre dos versiones de la página.

--- controles:wbevel [25/12/2019 18:06]
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.
-===== Código 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>
 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>
 ===== Propiedades =====
 ^Nombre         ^Init   ^Descripción                                                                     ^Versión ^
-|cTitle|  | Titulo para el wBevel |  0.1|                                                                          |lHcenter|  .f.  | Centrado horizontal  de los elementos contenidos [[css:centradoHorizonal | +]]                                                                            |  0.1|
+|[[propiedades:cOnClick]]|  | Permite definir un evento cuando se haga click en el wBevel |  0.2|
-|lValing|  .f.  | Centrado vertical de los elementos contenidos [[css:centradoVertical | +]]                                                                             |  0.1|
+|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|
-|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|
-|[[nefele:constantes#nstyle-para-wbevel|nStyle]]|   xc_NoStyle | Estilo del wBevel |  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|
@@ Línea 48: / 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}}*/

Herramientas de usuario

Herramientas del sitio

Diferencias

Herramientas de la página