Design application screenlink

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.

Toolboxlink

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.

Layoutslink

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

Pageslink

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

Design canvaslink

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.

Toolbarlink

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

Output panelink

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

Property gridlink

The property grid has three tabs.

Propertieslink

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

Stylelink

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

Eventslink

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

Outlinelink

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.