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.
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
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 |
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 |
Comentario wBadge