Herramientas de usuario

Herramientas del sitio


controles:wbadge

¡Esta es una revisión vieja del documento!


wBadge

wBadge es un componente nativo de Materialize que podríamos definir como complementario de otros controles, ya que se suele utilizar dentro de wListView, wSplitButton, wSideNav, etc..

Siempre se alinea a la derecha y arriba del contenedor.

Estos controles tendrán una Propiedad oBadge que es un objeto wBadge por lo que podemos indicarle directamente sus propiedades ::oBadge:cText := “SIN SALDO”

A diferencia de otros controles el método Create nos devuelve la cadena HTML necesaria para montarlo, por lo que podemos incluirlo en cualquier parte de nuestra página con un AddHTML.

Si en el New indicamos un oParent nos añadirá el código HTML a la propiedad cInMain del oParent.

Si cText no contiene nada no se creara el control.

Ejemplo de uso

   WITH OBJECT WPanel():New(:WO)
     :aWidth[ _tablet ]  := 10
     :aOffset[ _tablet ] := 1
     WBadge():New(:WO):Set("Normal"):Create()
     WBadge():New(:WO):Set("New",,,.T.):Create()
     WITH OBJECT WBadge():New(:WO)
       :cText    := "Pulse"
       :lPulse   := .T.
       :cClrPane := "blue"
       :lShadow  := .T.
       :Create()
     END WITH
     WITH OBJECT WBadge():New(:WO)
       :cText    := "Chip"
       :lChips   := .T.
       :cClrPane := "green"
       :cClrText := "white"
       :cClrIcon := "black"
       :cIcon    := "business_center"
       :lPulse   := .T.
       :Create()
     END WITH
     :Create()
   END WITH

Propiedades

Nombre Init Descripción Versión
cClass Nos permite definir propiedades para la propiedad class de HTML 0.3
cText Texto a presentar 0.3
cClrPane Color del fondo 0.3
cClrText Color del Texto 0.3
lBold .f. Se presentara el texto en negrita 0.3
lNew .f. Pone el Texto en Blanco y el Fondo en “teal lighten-1” (si no se ha definido otro) 0.3
lPulse .f. Activa el efecto Pulse de Materialize 0.3
lShadow .f. Activa el efecto Sombra de Materialize 0.3
lChip .f. Presenta el Badge como un Chips de Materialize, pero sin icono de cerrar 0.3
cIcon Icono para el modo Chip 0.3
cClrIcon Color del Icono en modo Chip, si no se indica utiliza cClrText 0.3
cImage Imagen para el modo Chip 0.3
cAltImage alternativa a la Imagen para el modo Chip 0.3

Métodos

Nombre Descripción Versión
SetArray() Nos asigna las propiedades del control en base a un array {cText, cClass, lBold, lNew, lPulse, cClrPane, cClrText}, si pasamos una cadena se asignara a cText 0.2.1
Set() Nos asigna las propiedades del control en base a los parametros cText, cClass, lBold, lNew, lPulse, cClrPane, cClrText 0.2.1

Comentario wBadge

Escribe el comentario. Se permite la sintaxis wiki:
 
controles/wbadge.1601748441.txt.gz · Última modificación: 03/10/2020 18:07 por pedro