Still using Radzen Studio?
Achieve more with Radzen Blazor Studio

Radzen Blazor Studio is our new flagship product and vision of how rapid Blazor application development should be done.

Go to Radzen Blazor Studio

Quickstart (Angular)

This guide demonstrates how to create and run a simple Radzen application. The application will display a data grid which is bound to an MS SQL Server database.

How to build the application

Prerequisite: Install Radzen

If you haven’t already installed Radzen follow the installation instructions.

Step 1: Create and configure the application

Start Radzen by double clicking its icon. After it starts you will see Create New Application screen.

  • Pick a theme. Radzen provides 12 visual themes out of the box.
  • Set the application name to RadzenDemo.
  • Finally specify the directory where the application will be stored.
  • Click the Create button to complete this step.

Step 2: Add MS SQL Server data-source

Click the data button in the upper right corner to add the MS SQL Server service that your application will use.

This will open the My DataSources screen which allows you to add, edit and delete the data sources which your Radzen application uses. Initially this screen is empty. Click the new button to add a new data source.

  1. Select MS SQL Server.
  2. Set data-source and database names to Sample and enter your MS SQL Server location, user name and password. On Windows you can use Windows Authentication without user name and password.
  3. Click Create Sample Schema. This will create Sample database. If the database is already available Radzen will ask for permission to delete it.
  4. Click Next.

Radzen will then infer all entities and allow you to remove the entities and/or entities properties you don’t need for the current application.

  1. Check Generate pages for CRUD operations. Radzen will then automatically generate pages for create, read, update and delete operations for all entities.
  2. Click the Finish button.

Step 3: Run the application

That’s it! We are ready to see what we have accomplished. Click the run button in the top right corner.

Radzen will generate the code required to run the application (Angular components and services), build it and show the result in your browser: