# File > Add New Server: src/Form/AddServerForm.phpform: title: 'Add New Server' dialog: true width: 520 fontSize: 13 accent: '#0078d7' layout: column padding: 20 gap: 10 children: - type: row gap: 12 children: - {class: App\Gui\IconBox, kind: add-server, width: 32, height: 32} - {type: label, text: 'Add New Server', style: subtitle} - {type: label, text: 'Enter the address of an XCP-ng or XenServer server (the pool master of a pool), and the credentials of an account of it.', wrap: true, style: muted} - type: grid gap: 8 children: - {type: label, text: 'Server:', span: 4} - {type: textbox, id: host, placeholder: 'xcp-ng-01.example.com or 192.168.1.10', span: 8, events: {submit: onHostSubmit}} - {type: label, text: 'Connection:', span: 4} - {type: combobox, id: method, items: [], span: 8, events: {change: onMethodChange}} - {type: label, id: portLabel, text: 'Port:', span: 4} - {type: textbox, id: port, placeholder: 'default', span: 8} - {type: label, text: 'User name:', span: 4} - {type: textbox, id: user, text: root, span: 8} - {type: label, text: 'Password:', span: 4} - {type: textbox, id: password, password: true, span: 8, events: {submit: onAddClick}} - type: panel id: sshPanel title: 'SSH tunnel' gap: 8 padding: 10 visible: false children: - {type: label, text: 'XAPI is reached through the server''s own SSH (ssh -W 127.0.0.1:80). Without a key, the password above is used for SSH too.', wrap: true, style: muted, size: 12} - type: row gap: 8 children: - {type: label, text: 'SSH user:', width: 90} - {type: textbox, id: sshUser, text: root, grow: 1} - {type: label, text: 'Port:', width: 40} - {type: textbox, id: sshPort, text: '22', width: 60} - type: row gap: 8 children: - {type: button, id: chooseKey, text: 'Choose a key file…', events: {click: onChooseKeyClick}} - {type: label, id: keyState, text: 'No key: password', style: muted, grow: 1} - {type: checkbox, id: remember, text: 'Remember the password (kept sealed on this computer / in this browser)', checked: true} - {type: label, id: hint, text: '', wrap: true, style: muted, size: 12} - type: panel id: localPanel title: 'Local network required' gap: 8 padding: 10 visible: false children: - {type: label, id: localWarning, text: '', wrap: true, color: '#9a4f00'} - type: row gap: 8 children: - {type: button, id: localFix, text: 'Install the JumPHP runtime…', style: primary, events: {click: onLocalFixClick}} - {type: spacer} - {type: label, id: error, text: '', wrap: true, color: '#d1242f'} - type: row gap: 8 children: - {type: button, id: demo, text: 'Use the demo pool', style: flat, events: {click: onDemoClick}} - {type: spacer} - {type: button, id: add, text: Add, style: primary, default: true, events: {click: onAddClick}} - {type: button, id: cancel, text: Cancel, cancel: true, events: {click: onCancelClick}}