controles:wfloatingbtn [Nefele Project]

Esta página es de solo lectura. Puedes ver la fuente pero no puedes cambiarla. Pregunta a tu administrador si crees que esto es incorrecto.
====== wFloatingBtn ======
 
wFloatingBtn es uno de los controles básicos de Néfele, equivale a [[https://materializecss.com/floating-action-button.html|Floating Action Button]] de Materialize.

Con este control podemos crear un menú flotante en la parte baja de la página, estará siempre visible.

<nodisp> your text here </nodisp>

===== Ejemplo de uso =====
{{url>https://samples.nefele.dev/wiki/wfloatingBtn  100%,350px}}
<Code:xailer linenums:1>
  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
</Code>

----

===== Propiedades =====

^Nombre         ^Init   ^Descripción                                                                     ^Versión ^
|cClassId    |  fbt  |  |  0.1|
|cText       |    | Texto a poner junto al Botón principal |  0.1|
|[[propiedades:cOnClick]]    |    | Evento para el botón principal, solo valido si no hay nada en aItems |  0.1|
|[[propiedades:aParams]]   |    | Se añade a los aParams de cada uno de los aItems |  0.1|
|[[propiedades:cIcon]]       |  mode_edit  | Icono del botón principal, se puede elegir uno de la lista de [[https://materializecss.com/icons.html|Materialize]] |  0.1|
|[[nefele:constantes#alineaciones|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|
|[[nefele:constantes#cSize para wFloatingBtn|cSize]]   |  xc_Large  | Tamaño del botón principal |  0.1|
|[[propiedades:cClrPane]]   |  blue  | Color del botón principal y del fondo de la toolbar |  0.1|
|lPulse   |  .f.  | Activa el efecto Pulse de [[https://materializecss.com/pulse.html|Materializecss]] |  0.1|
|[[nefele:constantes#alineaciones|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 [[controles:wItemFloatBtn]] |  0.1|

===== Metodos =====
^Nombre  ^Descripción                                              ^Versión ^
|[[metodos:wfloatingbtn:additem|AddItem]] | Añade un botón |  0.1|

===== Hereda de... =====
====== wControl ======
{{page>controles:wcontrol#propiedades}}

{{page>controles:wcontrol#metodos}}

~~DISCUSSION|Comentario wFloatingBtn~~

/*{{tag>[nefele  primeros-pasos]}}*/
Herramientas de usuario

Herramientas del sitio

Herramientas de la página
