# Step 3 of 3: Running the C1PropertyGrid Application

## Content



Now that you've created a WPF application and customized the application's appearance, the only thing left to do is run your application. To run your application and observe **PropertyGrid for WPF**'s run-time behavior complete the following steps:

1.  From the **Debug** menu, select **Start Debugging** to view how your application will appear at run time.
    

The application will appear similar to the following:

![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/wpfdocuments/graphics/propertygrid/quickstart/running.png)

2.  Click the **Background Color** drop-down arrow and pick a color, for example, orange, from the color picker that appears. The button's background color will change to your selection:
    

![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/step_x0020_3_x0020_of_x0020_3-_x0020_running_x0020_the_x0020_c1propertygrid_x0020_application_files/image001.png)

3.  Click the **Border Color** drop-down arrow and pick a color, for example green, from the color picker that appears.
    
4.  Change the size of the button by entering values in the **Button Height** and **Button Width** numeric boxes. For example enter 90 for both values. The application will appear similar to the following:
    

![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/step_x0020_3_x0020_of_x0020_3-_x0020_running_x0020_the_x0020_c1propertygrid_x0020_application_files/image002.png)

5.  Enter a string, for example "Click Me!" in the **Button Text** box.
    
6.  Click the **Text Color** drop-down arrow and pick a color, for example purple, from the color picker that appears.
    
7.  Click the **Up** or **Down** arrow next to the **Text Size** value to change the size of the text that appears on the button control. For example, set the value to 18. The application will appear similar to the following:
    

![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/step_x0020_3_x0020_of_x0020_3-_x0020_running_x0020_the_x0020_c1propertygrid_x0020_application_files/image003.png)

Congratulations! You've completed the **PropertyGrid for WPF** quick start. In this quick start you added the **C1PropertyGrid** and **Button** controls to a page, linked the **C1PropertyGrid** control to the **Button**, customized the controls, and view the run-time interactions possible with **PropertyGrid for WPF**.