Draw a control in your project

User interface controls such as buttons and textboxes enable your application to respond to user input.

  1. In the Tools panel, select a control.


    To view all the tools in a tool container, right-click the tool that is visible in the Tools panel.



    To view all the available controls, click Assets Dd185511.0d8b8d29-1af9-418f-8741-be3097d76eab(en-us,Expression.30).png in the Tools panel. After you select a tool in the Assets panel, it will appear underneath the Assets button in the Tools panel.

  2. On the artboard, draw the control by dragging with the mouse. The result will depend on the type of control that you draw.

    • After you draw a text control, the resulting object enters text-editing mode so that you can change the content that is displayed in the object.


      To exit text-editing mode, press ESC. After you exit text-editing mode, translation handles appear that you can use to scale, rotate, or move the object or perform other actions. To enter text-editing mode again, select the object by using the Selection tool Dd185511.2ff91340-477e-4efa-a0f7-af20851e4daa(en-us,Expression.30).png, and then press F2.


      For more information about how to format text, see Format text.

    • After drawing a nontext control, translation handles appear around the resulting object. By using these handles, you can scale, rotate, move, skew, and perform other actions. The mouse pointer changes to indicate which action you can do, shown as follows.


      If the control displays text, such as the content of a Button control or CheckBox control, you can quickly change the text by pressing F2 to enter text-editing mode. To exit text-editing mode, press ESC.

  3. Save your work (CTRL+S).

Next steps

Community Additions