Icona

Icone FontAwesome da includere nella sua app. I nomi delle icone sono leggermente diversi da quelli mostrati sul sito web di FontAwesome. Ad esempio, se desidera utilizzare l'icona network-wired, dovrà usare la stringa seguente.

New-UDIcon -Icon 'NetworkWired'

Trovare un'icona

Includiamo FontAwesome v6 con PowerShell Universal. Può usare Find-UDIcon per cercare nell'elenco delle icone incluse.

Find-UDIcon User

L'enum UniversalDashboard.FontAwesomeIcons non dovrebbe essere utilizzato ed è incluso solo per compatibilità con le versioni precedenti. Molte delle icone non fanno più parte di FontAwesome 6.

Icona

Crei le icone specificandone i nomi. Può usare il riferimento delle icone qui sotto per trovare le icone.

New-UDIcon -Icon 'AddressBook'

Dimensione

Imposti la dimensione dell'icona. I valori validi sono: 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'

Rotazione

Ruoti le icone. Il valore rappresenta i gradi di rotazione.

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

Bordo

Aggiunga un bordo alla sua icona.

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

Stile

Applichi stili CSS alla sua icona.

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

Cercare le icone visivamente

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" 
        }
    }
}

Elenco completo delle icone

Clicchi qui per visualizzare l'elenco completo delle icone.

API

New-UDIcon

Vedi anche

• Devolutions Academy – Fetching user details