Muestra las diferencias entre dos versiones de la página.
Próxima revisión | Revisión previa | ||
controles:wchips [12/08/2020 21:15] pedro creado |
controles:wchips [26/03/2022 12:15] (actual) pedro [Ejemplo de uso] |
||
---|---|---|---|
Línea 6: | Línea 6: | ||
===== Ejemplo de uso ===== | ===== Ejemplo de uso ===== | ||
- | {{url>https://samples.nefele.dev/wchips 100%,120px}} | + | {{url>https://samples.nefele.dev/wiki/wchips 100%,120px}} |
<Code:xailer linenums:1> | <Code:xailer linenums:1> | ||
WITH OBJECT WChips():New( :WO ) | WITH OBJECT WChips():New( :WO ) | ||
Línea 14: | Línea 14: | ||
END WITH | END WITH | ||
WITH OBJECT WChips():New( :WO ) | WITH OBJECT WChips():New( :WO ) | ||
- | :cText := "Euskadi" | + | :cText := "Euskadi" |
- | :cIcon := "cloud_queue" | + | :cIcon := "cloud_queue" |
+ | :lShadow := .T. | ||
:Create() | :Create() | ||
END WITH | END WITH | ||
WITH OBJECT WChips():New( :WO ) | WITH OBJECT WChips():New( :WO ) | ||
- | :cText := "Aragón" | + | :cText := "Aragón" |
:cImage := "http://spain-flag.eu/region-flags-spain/aragon.PNG" | :cImage := "http://spain-flag.eu/region-flags-spain/aragon.PNG" | ||
:lClose := .T. | :lClose := .T. | ||
Línea 25: | Línea 26: | ||
END WITH | END WITH | ||
WITH OBJECT WChips():New( :WO ) | WITH OBJECT WChips():New( :WO ) | ||
- | :cText := "Murcia" | + | :cText := "Murcia" |
- | :cIcon := "stars" | + | :cIcon := "stars" |
:lClose := .T. | :lClose := .T. | ||
+ | :lPulse := .T. | ||
:Create() | :Create() | ||
END WITH | END WITH | ||
Línea 45: | Línea 47: | ||
===== Propiedades ===== | ===== Propiedades ===== | ||
- | ^Nombre ^Init ^Descripción ^Versión ^ | + | ^Nombre ^Init ^Descripción ^Versión ^ |
+ | |[[propiedades:cClassId]]| chp | Identificador del control para generar el Id | 0.2| | ||
+ | |[[propiedades:cId]] | Nil | Identificador único para cada Control | 0.2| | ||
+ | |[[propiedades:oParent]]| | Control contenedor | 0.2| | ||
+ | |[[propiedades:oHtml]]| | Objeto de la clase [[componentes:wHtml]] con el código para su renderizado | 0.2| | ||
+ | |[[propiedades:oStyle]]| | Objeto de la clase [[componentes:wStyle]] con las variantes de estilo | 0.2| | ||
|cText| | Texto en el Chip| 0.2| | |cText| | Texto en el Chip| 0.2| | ||
- | |cImage| | Imagen que se pondrá a la derecha| 0.2| | + | |[[propiedades:cImage]]| | Imagen que se pondrá a la derecha| 0.2| |
|cAltImage| | Texto Alternativo de la Imagen| 0.2| | |cAltImage| | Texto Alternativo de la Imagen| 0.2| | ||
- | |cClrPane| | Color del Fondo del chips| 0.2| | + | |[[propiedades:cClrPane]]| | Color del Fondo del chips| 0.2| |
- | |cClrText| | Color del Texto del chips y del Icono ( si no se define cClrIcon )| 0.2| | + | |[[propiedades:cClrText]]| | Color del Texto del chips y del Icono ( si no se define cClrIcon )| 0.2| |
- | |lShadow| .f. | Se le aplica sombra al chip| 0.2| | + | |lPulse| .f. | Activa el efecto [[https://materializecss.com/pulse.html|Pulse]] de Materialize | 0.3| |
+ | |lShadow| .f. | Activa el efecto [[https://materializecss.com/shadow.html|Sombra]] de Materialize | 0.2| | ||
|lClose| .f. | Presenta a la derecha el icono para quitar el chip| 0.2| | |lClose| .f. | Presenta a la derecha el icono para quitar el chip| 0.2| | ||
- | |cIcon| | Icono que aparecerá a la izquierda| 0.2| | + | |[[propiedades:cIcon]]| | Icono que aparecerá a la izquierda| 0.2| |
- | |cClrIcon| | Color del Icono, si no se define nada cogerá el del texto| 0.2| | + | |[[propiedades:cClrIcon]]| | Color del Icono, si no se define nada cogerá el del texto| 0.2| |
===== Hereda de... ===== | ===== Hereda de... ===== | ||
====== wControl ====== | ====== wControl ====== | ||
- | {{page>controles:wcontrol#propiedades}} | ||
{{page>controles:wcontrol#metodos}} | {{page>controles:wcontrol#metodos}} |