¡Esta es una revisión vieja del documento!
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.
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
| 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 |
| Nombre | Descripción | Versión |
|---|---|---|
| AddItem | Añade un botón | 0.1 |
| 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 |
| 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