Design application screen

The Design application screen is where you will spend most time in Radzen. After all it allows you to design your application!

If you have used tools such as Visual Studio or Eclipse you will find the Design application screen familiar.

It has a design canvas, toolbox, property grid, toolbar and output pane.

Design application settings

Toolbox

The toolbox contains the built in blocks of every Radzen application - the UI components. Check Working with components to learn how to work with components.

Layouts

Allows you to add additional layouts or modify the existing ones.

Pages

Lists all pages in the application. Check Working with pages for further details.

Design canvas

The design canvas displays a WYSIWYG (what you see is what you get) preview of your page. It also allows you to interact with the components - change their properties, move them around, remove them etc.

Toolbar

The toolbar allows you to run the application, add a data source, enable and configure security, deploy or change the application settings.

Output pane

Displays the output of the application build and runtime diagnostics and or exceptions.

Property grid

The property grid has three tabs.

Properties

Lists the behavior related properties of the selected component. Allows you to data-bind them to page properties.

Style

Visual related properties - font size, padding, margin, border et. al.

Events

Handle the events that a component triggers from here. More info available in the Event handling article (Blazor, Angular).

Outline

Shows all components in the current page as a tree hierarchy. Allows you to quickly work with one or multiple components in a complex page.