Herramientas de usuario

Herramientas del sitio


controles:wfloatingbtn

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.

your text here

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
14/11/2019 14:37 · fredy

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
14/11/2019 14:37 · fredy

Comentario wFloatingBtn

Escribe el comentario. Se permite la sintaxis wiki:
 
controles/wfloatingbtn.txt · Última modificación: 24/08/2023 15:26 por pedro