UI HTML

This sample shows how to achieve the following modal dialog UI using HTML:

It will also help you learn about handling OK/Cancel buttons, as well as Escape and Return key presses.

Usage

1. In XD, open the Developer Console at Plugins > Development > Developer Console
2. Run this plugin at Plugins > (UI) HTML Plugin
3. Enter your name in the modal
4. Click the OK or Cancel button, or press your keyboard's return or escape key
5. See the output in the Developer Console

Learn more

Learn more about creating modal dialog UI in our docs:

• Design > User Interface > Building a modal
• Design > User Interface > Elements
• Design > User Interface > Layout
• Design > User Interface > Styles