Tabla de Contenidos

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
cClassId bdg Identificador del control para generar el Id 0.3
cId Nil Identificador único para cada Control 0.3
oParent Control contenedor 0.3
oHtml Objeto de la clase wHtml con el código para su renderizado 0.3
oStyle Objeto de la clase wStyle con las variantes de estilo 0.3
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.3
Set() Nos asigna las propiedades del control en base a los parametros cText, cClass, lBold, lNew, lPulse, cClrPane, cClrText 0.3