In This Topic
The quick start guides you through the steps of adding a ColorPicker control to your application. For information on how to add ASP.NET MVC Edition controls, see Adding Controls.
Follow the given steps to get started:
Create an MVC Application
Create a new MVC application using the ComponentOne or VisualStudio templates. For more information about creating an MVC application, see Configuring your MVC Application topic.
Add a new Controller and View
Add a new Controller:
- In the Solution Explorer, right click the folder Controllers.
- From the context menu, select Add | Controller. The Add Scaffold dialog appears.
- Complete the following steps in the Add Scaffold dialog:
- Select MVC 5 Controller - Empty template.
- Set name of the controller (for example:
Default1Controller
).
- Click Add.
- A new controller is added to the application.
Add a View for the controller:
- From the Solution Explorer, expand the folder Controllers and double click the controller (for example:
Default1Controller
) to open it.
- Place the cursor inside the method
Index()
.
- Right click and select Add View. The Add View dialog appears.
- In the Add View dialog, verify that the View name is Index and View engine is Razor (CSHTML).
- Click Add. A view is added for the controller.
Add the Control
- From the Solution Explorer, expand the folder Views.
- Double click
Index.cshtml
to open it.
- Replace the default code of the
Index.cshtml
file with the code given below to initialize a ColorPicker control.
Razor |
Copy Code
|
@using System.Drawing
@using MVCFlexGrid.Models
<div>
@(Html.C1().ColorPicker()
.Width(400)
)
</div>
|
- Click Build | Build Solution to build the project.
- Press F5 to run the project.
Append the folder name and view name to the generated URL (for example: http://localhost:1234/
Default1/index) in the address bar of the browser to see the view. Or link the view to the home page.
Back to Top