You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: getting-started/first-steps.md
+10-10
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
2
title: First Steps
3
-
page_title: First Steps
3
+
page_title: First Steps
4
4
description: "A step-by-step tutorial teaching how to use the Telerik UI controls for ASP.NET AJAX in Web Forms applications."
5
5
slug: getting-started/first-steps
6
6
tags: get,started,first,steps
@@ -10,7 +10,7 @@ position: 1
10
10
11
11
# First Steps with UI for ASP.NET AJAX
12
12
13
-
This article demonstrates the steps to create a <ahref="https://docs.microsoft.com/en-us/aspnet/web-forms/what-is-web-forms"target="_blank">Web Forms application</a> components. You will download the Telerik components, create a project, and add the [RadEditor](https://docs.telerik.com/devtools/aspnet-ajax/controls/editor/overview) and [RadHtmlChart](https://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/overview) controls. As RadHtmlChart requires data binding to show its full potential, you will learn how to bind the Telerik controls to sample data.
13
+
This article demonstrates the steps to create a <ahref="https://docs.microsoft.com/en-us/aspnet/web-forms/what-is-web-forms"target="_blank">Web Forms application</a> components. You will download the Telerik components, create a project, and add the [Editor](https://docs.telerik.com/devtools/aspnet-ajax/controls/editor/overview) and [HtmlChart](https://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/overview) controls. As HtmlChart requires data binding to show its full potential, you will learn how to bind the Telerik controls to sample data.
14
14
15
15
Throughout this tutorial, you'll find links to relevant articles that you don't need to read immediately, but will help you deepen your knowledge about the Telerik UI controls. If you want to experiment with the sample application created here, you can fork or download the source code from the [GitHub repository](https://github.com/telerik/aspnet-sdk/tree/master/Common/MyFirstTelerikSite).
16
16
@@ -92,11 +92,11 @@ The Telerik templates for Visual Studio allow you to kick-start your application
92
92
93
93
To learn more about the functionalities of the Telerik ASP.NET AJAX Visual Studio Extensions, see the documents in section [**GENERAL INFORMATION** > **Integration with Visual Studio** > **Visual Studio Extensions document section**]({%slug introduction/radcontrols-for-asp.net-ajax-fundamentals/integration-with-visual-studio/visual-studio-extensions/overview%}).
94
94
95
-
## Add RadEditor to the Application
95
+
## Add Editor to the Application
96
96
97
-
The Web Forms Site created through the Telerik project template includes all basic references and registrations required by the Telerik UI for ASP.NET AJAX controls. The site has even a [ScriptManager control]({%slug scriptmanager/overview%}) that is required by all AJAX controls. That's why you can add the [RadEditor](https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx) control to the page in two simple steps:
97
+
The Web Forms Site created through the Telerik project template includes all basic references and registrations required by the Telerik UI for ASP.NET AJAX controls. The site has even a [ScriptManager control]({%slug scriptmanager/overview%}) that is required by all AJAX controls. That's why you can add the [Editor](https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx) control to the page in two simple steps:
98
98
99
-
1. Open `Default.aspx`, and then declare RadEditor right after RadScriptManager:
99
+
1. Open `Default.aspx`, and then declare Editor right after RadScriptManager:
@@ -117,16 +117,16 @@ The Web Forms Site created through the Telerik project template includes all bas
117
117
118
118
To run your first page with a Telerik control, press **F5**.
119
119
120
-
>caption Add RadEditor to a page
121
-

120
+
>caption Add Editor to a page
121
+

122
122
123
123
Another way to add a Telerik control to your project is to drag the control directly from the VS Toolbox. For more information, see [Adding the Telerik Controls to the Visual Studio Toolbox](https://docs.telerik.com/devtools/aspnet-ajax/general-information/integration-with-visual-studio/adding-the-telerik-controls-to-the-visual-studio-toolbox).
124
124
125
125
## Add RadHtmlChart to the Project
126
126
127
127
Let’s dive a little bit deeper in the configuration of the controls from the UI for ASP.NET AJAX suite. By following the steps below, you will create a data-bound [RadHtmlChart]({%slug htmlchart/overview%}). You will also add a handy tooltip that shows the values from a custom data field. We will use a simple `DataTable` for this sample, but you can bind RadHtmlChart to a [preferred data source type](https://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/data-binding/overview).
128
128
129
-
You already have a [RadScriptManager control](#add-radeditor-to-the-application) on the page so you are ready to declare RadHtmlChart. Place the RadHtmlChart declaration right after the RadEditor control that you added in the previous step:
129
+
You already have a [RadScriptManager control](#add-radeditor-to-the-application) on the page so you are ready to declare RadHtmlChart. Place the RadHtmlChart declaration right after the Editor control that you added in the previous step:
130
130
131
131
1. In Default.aspx, define a **RadHtmlChart** with `ID="RadHtmlChart1"`:
132
132
@@ -277,8 +277,8 @@ Each control in UI for ASP.NET AJAX has more than [20 predefined skins](https://
277
277
</telerik:RadEditor>
278
278
```
279
279
280
-
>caption Apply Glow Skin to RadEditor
281
-

280
+
>caption Apply Glow Skin to Editor
281
+

282
282
283
283
## Next Steps
284
284
Now that you have the Telerik UI for ASP.NET AJAX controls running in your project, you may want to explore their features, customize their behavior or change their appearance. Below you can find guidance on getting started with such tasks:
0 commit comments