# Creazione di un plug-in del pannello HTML

![](https://4117473429-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnuXavTCn0SlaGm3bIg2e%2Fuploads%2Fgit-blob-3bb1de8a008afea600478f2e696fc65a3cf61d22%2FPANEL%20BASED%20PLUGIN.gif?alt=media)

Un plug-in basato sul pannello che visualizza una pagina HTML presenta un file *manifest.json* con la seguente struttura:

```
{
    "PluginName": "Hello Block!",
    "PluginType": "Panel",
    "PluginDescription": "Creates a panel with an HTML form that allows dimensional input for a 3D block which will get generated at the world origin.",
    "Scripts": [
        "PLUGINLOCATION/block.js"
    ],
    "Panel": "PLUGINLOCATION/hello_block.html",
    "PanelIcon": "PLUGINLOCATION/hello_block.png"
}               
```

Oltre alle [proprietà JSON standard](https://windows.help.formit.autodesk.com/it/plugins/how-to-develop-plugins/advanced-development/general-plugin-setup-in-the-manifest), un plug-in basato sul pannello include le seguenti proprietà JSON speciali:

* "Panel" indica a FormIt che questo plug-in è un pannello e si collega alla posizione del file HTML che deve essere caricato nel pannello.
* Il file HTML richiede collegamenti, nell'intestazione, ai file JavaScript appropriati, nonché a un file CSS per gli stili.
* Il file HTML verrà sottoposto a rendering nel pannello di FormIt come in un browser.
* È possibile vedere esempi di interfacce HTML complete nel nostro [repository dell'organizzazione di FormIt3D](https://github.com/FormIt3D/).
* "PanelIcon" definisce un'icona per visualizzare questo plug-in nella scheda sul lato destro dell'applicazione. Se non è definita, FormIt crea un'icona automatica utilizzando le iniziali del nome del plug-in.

Una volta impostati i file HTML, CSS e JavaScript, è possibile iniziare a testare il plug-in del pannello HTML [caricandolo o installandolo](https://windows.help.formit.autodesk.com/it/plugins/advanced-development/setting-up-formit-for-development#load-vs.-install).
