Muestra las diferencias entre dos versiones de la página.
Próxima revisión | Revisión previa | ||
controles:wfloatingbtn [09/02/2020 21:36] pedro creado |
controles:wfloatingbtn [24/08/2023 15:26] (actual) pedro [Metodos] |
||
---|---|---|---|
Línea 1: | Línea 1: | ||
====== wFloatingBtn ====== | ====== wFloatingBtn ====== | ||
- | wFloatingBtn es uno de los controles básicos de Néfele, equivale a [[https://materializecss.com/text-inputs.html#file|File Input]] de Materialize. | + | 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. |
- | Su función es permitirnos adjuntar archivos a nuestros [[controles:wForm]], por lo que enviaremos esos ficheros desde el dispositivo cliente a nuestra AppWeb, en dispositivos móviles podemos hacer capturas con la cámara y adjuntarla, como la captura la realiza el interface del dispositivo y no el navegador, no es necesario que nuestra AppWeb este en en un dominio HTTPS. | + | Con este control podemos crear un menú flotante en la parte baja de la página, estará siempre visible. |
<nodisp> your text here </nodisp> | <nodisp> your text here </nodisp> | ||
===== Ejemplo de uso ===== | ===== Ejemplo de uso ===== | ||
- | {{url>https://samples.nefele.dev/wfloatingBtn 100%,350px}} | + | {{url>https://samples.nefele.dev/wiki/wfloatingBtn 100%,350px}} |
<Code:xailer linenums:1> | <Code:xailer linenums:1> | ||
WITH OBJECT WFloatingBtn():New(:WO) | WITH OBJECT WFloatingBtn():New(:WO) | ||
Línea 46: | Línea 46: | ||
|cClassId | fbt | | 0.1| | |cClassId | fbt | | 0.1| | ||
|cText | | Texto a poner junto al Botón principal | 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| | + | |[[propiedades: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| | + | |[[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| | |[[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| | ||
- | |[[contantes:Alineaciones|cOrientation]] | xc_Left | Indica hacia donde se abren los botones | 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| | |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| | |lAutoOpen | .f. | Se despliegan los botones al pasar el ratón por encima | 0.1| | ||
- | |[[contantes:cSize para wFloatingBtn|cSize]] | xc_Large | Tamaño del botón principal | 0.1| | + | |[[nefele:constantes#cSize para wFloatingBtn|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| | + | |[[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| | |lPulse | .f. | Activa el efecto Pulse de [[https://materializecss.com/pulse.html|Materializecss]] | 0.1| | ||
- | |[[contantes:Alineaciones|cAlign]] | xc_Right | Alineación del botón principal | 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| | |lOpen | .f. | Al cargar la página aparecen ya desplegados los botones | 0.1| | ||
|aItems | {} | Array de [[controles:wItemFloatBtn]] | 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... ===== | ===== Hereda de... ===== |