Icon

FontAwesome -Symbole, die in Ihre App eingebunden werden. Die Symbolnamen unterscheiden sich leicht von denen auf der FontAwesome-Website. Wenn Sie beispielsweise das Symbol network-wired verwenden möchten, würden Sie die folgende Zeichenfolge verwenden.

New-UDIcon -Icon 'NetworkWired'

Ein Symbol finden

Wir liefern FontAwesome v6 mit PowerShell Universal aus. Sie können Find-UDIcon verwenden, um die Liste der enthaltenen Symbole zu durchsuchen.

Find-UDIcon User

Die Enumeration UniversalDashboard.FontAwesomeIcons sollte nicht verwendet werden und ist nur aus Gründen der Abwärtskompatibilität enthalten. Viele der Symbole sind nicht mehr Teil von FontAwesome 6.

Symbol

Erstellen Sie Symbole, indem Sie deren Namen angeben. Sie können die untenstehende Symbolreferenz verwenden, um Symbole zu finden.

New-UDIcon -Icon 'AddressBook'

Größe

Legen Sie die Größe des Symbols fest. Gültige Werte sind: 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

Symbole drehen. Der Wert entspricht dem Drehwinkel in Grad.

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

Rahmen

Fügen Sie Ihrem Symbol einen Rahmen hinzu.

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

Stil

Wenden Sie CSS-Stile auf Ihr Symbol an.

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

Visuell nach Symbolen suchen

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

Vollständige Symbolliste

Klicken Sie hier, um die vollständige Symbolliste anzuzeigen.

API

New-UDIcon

Siehe auch

• Devolutions Academy – Fetching user details