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 |