controles:wicon
Diferencias
Muestra las diferencias entre dos versiones de la página.
| Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
|
controles:wicon [17/12/2021 22:52] pedro |
controles:wicon [04/05/2023 14:48] (actual) pedro [Propiedades] |
||
|---|---|---|---|
| Línea 2: | Línea 2: | ||
| Con wIcon añadimos Iconos a nuestras páginas web, por defecto tenemos habilitados los [[https://fonts.google.com/icons/|Iconos de Materialize]] pero también pueden habilitarse los de [[https://fontawesome.com/v5.15/icons|Font Awesome]]. | Con wIcon añadimos Iconos a nuestras páginas web, por defecto tenemos habilitados los [[https://fonts.google.com/icons/|Iconos de Materialize]] pero también pueden habilitarse los de [[https://fontawesome.com/v5.15/icons|Font Awesome]]. | ||
| + | |||
| + | Hay controles que entre sus propiedades hay objetos oIcons, oIconDelete, oIconEdit, etc..., estos son wIcon por lo que podemos acceder a sus propiedades como cualquier otro wIcon. | ||
| + | |||
| + | También podemos añadir wIcon a cadenas con la función nfl_PutIcon | ||
| ===== Ejemplo de uso ===== | ===== Ejemplo de uso ===== | ||
| - | {{url>https://samples.nefele.dev/icons 100%,120px}} | + | {{url>https://samples.nefele.dev/wiki/wicon 100%,480px}} |
| <Code:xailer linenums:1> | <Code:xailer linenums:1> | ||
| - | WITH OBJECT WIcon():New( :WO ) | + | WITH OBJECT WIcon():New(:WO) |
| - | :cAlign := xc_Center | + | :cIcon := "check_circle" |
| - | :cText := "Label de Prueba" | + | :cSize := xc_Large |
| - | :lShadow := .t. | + | :cType := xc_IconTwotone |
| - | :Create() | + | :Create() |
| END WITH | END WITH | ||
| </Code> | </Code> | ||
| Línea 21: | Línea 26: | ||
| ^Nombre ^Init ^Descripción ^Versión ^ | ^Nombre ^Init ^Descripción ^Versión ^ | ||
| - | |cClassId | 'ico' | | 0.2| | + | |cClassId | 'ico' | | 0.2| |
| - | |cIcon | | Denominación del Icono según [[https://fonts.google.com/icons/|Materialize]]| 0.2| | + | |cIcon | | Denominación del Icono según [[https://fonts.google.com/icons/|Materialize]]| 0.2| |
| |lPrefix | | El icono precede a otro control y utiliza la clase 'prefix' de Materializecss | 0.2| | |lPrefix | | El icono precede a otro control y utiliza la clase 'prefix' de Materializecss | 0.2| | ||
| - | |cAlign | | Alineación horizontal | 0.2| | + | |cAlign | | [[nefele:constantes#alineaciones|Alineación horizontal]] | 0.2| |
| - | |cSize | | Tamaño del Icono según Materializecss | 0.2| | + | |cSize | | [[nefele:constantes#csize-para-wfloatingbtn-y-wicon|Tamaño del Icono según Materializecss]] | 0.2| |
| - | |lBold| .f. | Se presentara el texto en negrita| 0.1| | + | |cWidth | | Espacio que utiliza en su contenedor | 0.2| |
| - | |lBR| .f. | Provoca un salto de linea después del wLabel dejando un espacio| 0.1| | + | |nRotate | | Angulo de Rotación | 0.2| |
| - | |lShadow| .f. | Indica si tiene sombra | 0.1| | + | |lDisabled | | Permite presentar el Icono como deshabilitado | 0.2| |
| - | |lTransparent| .t. | Habilita el fondo Transparente| 0.1| | + | |cType | | [[nefele:constantes#ctype-para-wicon|Tipo de presentación de Icono]] | 0.2| |
| - | |nHeaderSize| 0 | Tamaños de 1 a 6 según sistema de cabeceras de Html (<H1..6>). 0 es el tamaño por defecto sin cabecera| 0.1| | + | |
| - | + | ||
| - | PROPERTY cAlign INIT "" | + | |
| - | PROPERTY cSize INIT "" // xc_Tiny, etc.. Si queremos poner un tamaño numerico utilzar oStyle | + | |
| - | PROPERTY cWidth INIT "" | + | |
| - | PROPERTY nRotate INIT Nil | + | |
| - | PROPERTY lDisabled INIT Nil | + | |
| - | PROPERTY cClrPane INIT "" WRITE INLINE ::FcClrPane := ::CheckClr(Value) | + | |
| - | PROPERTY cClrText INIT "" WRITE INLINE ::FcClrText := ::CheckClr(Value) | + | |
| - | PROPERTY cClrIcon INIT "" WRITE INLINE ::FcClrText := ::CheckClr(Value) READ INLINE ::cClrText | + | |
| - | PROPERTY oStyle AS WStyle // Objeto para contener las variables de estilo | + | |
| - | PROPERTY cClass INIT "" // Para añadir manualmente elementos a "class" | + | |
| - | PROPERTY cStyleCss INIT "" // Css a pelo para poder incluir al control | + | |
| - | + | ||
| - | PROPERTY cType INIT xc_IconFilled // xc_IconOutlined, xc_IconFilled, xc_IconRound, xc_IconSharp, xc_IconTwotone | + | |
| Línea 54: | Línea 43: | ||
| {{page>controles:wcontrol#metodos}} | {{page>controles:wcontrol#metodos}} | ||
| - | ~~DISCUSSION|Comentario wLabel~~ | ||
| - | |||
| - | /*{{tag>[nefele primeros-pasos]}}*/ | ||
| - | |||
| - | [[https://fonts.google.com/icons/|Iconos de Materialize]] | ||
controles/wicon.1639781539.txt.gz · Última modificación: 17/12/2021 22:52 por pedro
