Design time

Radzen’s UI is divided in a few so called screens - specific UI that allows to do various development tasks.

New application

New application

This is the first screen that you will see when you install Radzen. It allows you to create applications in Radzen.

  1. First you need to pick the target framework - Blazor or Angular.
  2. Then you can choose a theme (you can change that later).
  3. Enter the application name.
  4. Finally choose a local directory where that application will live.

Design application

Design application

This is the screen you will spend the most time in while developing your application. It allows you to do the following:

  • Add and edit pages
  • Go to other Radzen application screents - settings, data, security, deploy
  • Run the application

A lot more info is available in the Design application help article.

My Applications

My applications

You can go to that screen by clicking the text saying “My Applications” in the top left corner of the Design application screen. Radzen shows the My Applicaions screen on startup after you have created your first application.

This screen allows you to:

  • Search all applications that you have created.
  • Add a new application.
  • Switch to developing an application by clicking its thumbnail.
  • Remove an application from Radzen (the application files are not deleted though).
  • Import an existing Radzen application.

My DataSources

My DataSources

To go to that screen click the text saying “data” in the top right corner of the Design application screen. Click the “x” button in the top right corner of the screen to close it.

This screen allows you to

  • Add and update data sources - MSSQL, MySQL, Postgres, Oracle or REST API
  • Scaffold CRUD pages (available only to Radzen Professional or Enterprise subscribers)

Check the Create pages from data section for further details about working with data.

Security

Security

To go to that screen click the text saying “security” in the top right corner of the Design application screen. Click the “x” button in the top right corner of the screen to close it.

This screen allows you to

  • Enable authorization and authentication support in your Radzen application
  • Configure it
  • Generate security related pages - login, user and role management

Check the Security help article for further details.

Deploy

Deploy

To go to that screen click the text saying “deploy” in the top right corner of the Design application screen. Click the “x” button in the top right corner of the screen to close it.

You can deploy your application from this screen. Available only to Radzen Professional or Enterprise subscribers.

Check the Deploy section for further details about deploying your application.

Settings

To go to that screen click the text saying “settings” in the top right corner of the Design application screen. Click the “x” button in the top right corner of the screen to close it.

This screen allows you to

  • Change the application theme
  • Customize the theme (available only to Radzen Professional or Enterprise subscribers)
  • Add cultures for localization and set the default culture.
  • Add certain files to Radzen’s code generation ignore list so you can customize them (Blazor, Angular).
  • Enable HTTPS during development.
  • Change the development ports for Angular applications.