Installing Controls

Guide for installing WvdS UI Control extensions.

• Visual Studio Code 1.85.0 or higher
• WvdS FPC RAD Suite Core Extension

1. Open VS Code
2. Open the Extensions panel (Ctrl+Shift+X)
3. Search for WvdS UI
4. Install desired controls

code --install-extension wvds-vscode-ui-button-0.1.0.vsix

# PowerShell
Get-ChildItem "*.vsix" | ForEach-Object {
    code --install-extension $_.FullName
}

After installation, PXAML files provide:

• Snippet completion - Type wvds- for suggestions
• Tag completion - Type < for control list

1. Open a PXAML file
2. Type wvds-button
3. Press Enter
4. Button snippet is inserted

<Button
    Name="button1"
    Caption="Click Me"
    OnClick="OnButtonClick"
/>

# Single extension
code --uninstall-extension ArmandoFilho.wvds-vscode-ui-button
 
# All WvdS UI extensions
code --list-extensions | Where-Object { $_ -like "*wvds-vscode-ui*" } | ForEach-Object {
    code --uninstall-extension $_
}

1. Restart VS Code
2. Open Developer Tools (Ctrl+Shift+I)
3. Check Console for errors

1. Check if file has .pxaml extension
2. Check Language Mode (must be PXAML)

With many installed extensions:

1. Install only needed controls
2. Disable unused extensions

• Controls Overview
• UI Designer
• Basic Installation