wFloatingBtn
wFloatingBtn es uno de los controles básicos de Néfele, equivale a Floating Action Button de Materialize.
Con este control podemos crear un menú flotante en la parte baja de la página, estará siempre visible.
Ejemplo de uso
WITH OBJECT WFloatingBtn():New(:WO)
:cId := "Floatbuttons"
:lPulse := .T.
:cText := "Pulsa el botón >"
:cOrientation := xc_Top
WITH OBJECT :AddItem()
:cIcon := "add"
:cSize := xc_Medium
:cClrPane := "green"
:cOnClick := "#alert('Has pulsado el botón Verde')"
:lPulse := .T.
END WITH
WITH OBJECT :AddItem()
:cIcon := "edit"
:cSize := xc_Medium
:cClrPane := "yellow darken-1"
:cOnClick := "#alert('Has pulsado el botón de Amarillo')"
END WITH
WITH OBJECT :AddItem()
:cIcon := "delete"
:cSize := xc_Medium
:cClrPane := "red"
:cOnClick := "#alert('Has pulsado el botón de Borrar')"
END WITH
:AddItem("#alert('Has pulsado el botón Azul')", "delete", xc_Small, "blue" )
:Create()
END WITH
Propiedades
Nombre | Init | Descripción | Versión |
cClassId | fbt | | 0.1 |
cText | | Texto a poner junto al Botón principal | 0.1 |
cOnClick | | Evento para el botón principal, solo valido si no hay nada en aItems | 0.1 |
aParams | | Se añade a los aParams de cada uno de los aItems | 0.1 |
cIcon | mode_edit | Icono del botón principal, se puede elegir uno de la lista de Materialize | 0.1 |
cOrientation | xc_Left | Indica hacia donde se abren los botones | 0.1 |
lToolbar | .f. | Despliega los botones como una toolbar al pie de la pantalla | 0.1 |
lAutoOpen | .f. | Se despliegan los botones al pasar el ratón por encima | 0.1 |
cSize | xc_Large | Tamaño del botón principal | 0.1 |
cClrPane | blue | Color del botón principal y del fondo de la toolbar | 0.1 |
lPulse | .f. | Activa el efecto Pulse de Materializecss | 0.1 |
cAlign | xc_Right | Alineación del botón principal | 0.1 |
lOpen | .f. | Al cargar la página aparecen ya desplegados los botones | 0.1 |
aItems | {} | Array de wItemFloatBtn | 0.1 |
Metodos
Nombre | Descripción | Versión |
AddItem | Añade un botón | 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 |
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 |
Comentario wFloatingBtn