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] 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]] |