Icône

Icônes FontAwesome à inclure dans votre appli. Les noms d'icônes sont légèrement différents de ceux affichés sur le site Web de FontAwesome. Par exemple, si vous voulez utiliser l'icône network-wired, vous utiliseriez la chaîne suivante.

New-UDIcon -Icon 'NetworkWired'

Trouver une icône

Nous incluons FontAwesome v6 avec PowerShell Universal. Vous pouvez utiliser Find-UDIcon pour effectuer une recherche dans la liste des icônes incluses.

Find-UDIcon User

L'énumération UniversalDashboard.FontAwesomeIcons ne devrait pas être utilisée et n'est incluse que pour assurer la rétrocompatibilité. Plusieurs des icônes ne font plus partie de FontAwesome 6.

Icône

Créez des icônes en spécifiant leur nom. Vous pouvez utiliser la référence d'icônes ci-dessous pour trouver des icônes.

New-UDIcon -Icon 'AddressBook'

Taille

Définissez la taille de l'icône. Les valeurs valides sont : xs, sm, lg, 2x, 3x, 4x, 5x, 6x, 7x, 8x, 9x, 10x

    New-UDIcon -Icon 'AddressBook' -Size 'sm'
    New-UDIcon -Icon 'AddressBook' -Size 'lg'
    New-UDIcon -Icon 'AddressBook' -Size '5x'
    New-UDIcon -Icon 'AddressBook' -Size '10x'

Rotation

Faites pivoter les icônes. La valeur représente les degrés de rotation.

New-UDIcon -Icon 'AddressBook' -Size '5x' -Rotation 90

Bordure

Ajoutez une bordure à votre icône.

New-UDIcon -Icon 'AddressBook' -Size '5x' -Border

Style

Appliquez des styles CSS à votre icône.

New-UDIcon -Icon 'AddressBook' -Size '5x' -Style @{
    backgroundColor = "red"
}

Rechercher visuellement des icônes

New-UDTextbox -Id 'txtIconSearch' -Label 'Search' 
New-UDButton -Text 'Search' -OnClick {
    Sync-UDElement -Id 'icons'
}

New-UDElement -tag 'p' -Content {}

New-UDDynamic -Id 'icons' -Content {
    $IconSearch = (Get-UDElement -Id 'txtIconSearch').value
    if ($null -ne $IconSearch -and $IconSearch -ne '')
    {
        $Icons =$Icons = Find-UDIcon -Name $IconSearch
    }

    foreach($icon in $icons) {
        try{
            New-UDChip -Label $icon -Icon (New-UDIcon -Icon $icon)
        }
        catch{
            New-UDChip -Label "$icon Unknown" 
        }
    }
}

Liste complète des icônes

Cliquez ici pour voir la liste complète des icônes.

API

New-UDIcon

Voir aussi

• Devolutions Academy – Fetching user details