A few tips before you begin:
C:\Program Files (x86)\Progress\Telerik UI for ASP.NET AJAX QX 20YY\Live Demos
<
%
@ Register TagPrefix
=
"telerik"
Namespace
=
"Telerik.QuickStart"
%
>
<
qsf:QrCode
... />
<
qsf:EventLogConsole
... />
<
qsf:MessageBox
... />
Tackle the Demo Configurator.
If you do not need it, just remove its tag (<qsf:ConfiguratorPanel ... />), all of its contents and all the server code related to the controls inside (Visual Studio will underline that once the control declarations are removed from the markup).
If you want to keep the functionality on your page, click here.
Remove the following opening tags (and their closing tags), but keep the contents on the page:
<
qsf:ConfiguratorPanel
... >
<
Views
>
<
qsf:View
... >
<
qsf:ConfiguratorColumn
... >
If present, replace the following tags
Tip: you can replace "qsf:CheckBoxList
" with "asp:CheckBoxList
" and "qsf:RadioButtonList
" with "asp:RadioButtonList
".
Replace: | With: |
< qsf:CheckBoxList > |
< asp:CheckBoxList > |
< qsf:RadioButtonList > |
< asp:RadioButtonList > |
These are native ASP controls. Our demo site applies some CSS rules to them and extends them with a few properties that you can ignore. You can find the global site stylesheets in the
~/Common/Styles/
folder.
If present, replace the following tags
Tip: you can replace "qsf:
" with "telerik:Rad
".
Replace: | With: |
< qsf:Button > |
< telerik:RadButton > |
< qsf:ColorPicker > |
< telerik:RadColorPicker > |
< qsf:ComboBox > |
< telerik:RadComboBox > |
< qsf:DatePicker > |
< telerik:RadDatePicker > |
< qsf:DateTimePicker > |
< telerik:RadDateTimePicker > |
< qsf:DropDownList > |
< telerik:RadDropDownList > |
< qsf:MaskedTextBox > |
< telerik:RadMaskedTextBox > |
< qsf:NumericTextBox > |
< telerik:RadNumericTextBox > |
< qsf:Slider > |
< telerik:RadSlider > |
< qsf:TextBox > |
< telerik:RadTextBox > |
< qsf:TimePicker > |
< telerik:RadTimePicker > |
These are Telerik UI for ASP.NET AJAX controls. Our demo site extends them with some default values, and applies a common custom skin to them. Replacing the tags as instructed above will let you run the controls without the customized appearance and properties from the demo. Their full code is located in the ~/App_Code/QSFCommon/SupplementaryControls/Configurator
folder and you can freely examine/reuse it. The custom skin is located under ~/Common/Styles/qsf-skin.css
C:\Program Files (x86)\Progress\Telerik UI for ASP.NET AJAX QX 20YY\Live Demos\App_Code
If you are building a separate web site, you need to copy the needed WebServices, models, custom classes, etc. to the App_Code folder of your own web site.
C:\Program Files (x86)\Progress\Telerik UI for ASP.NET AJAX QX 20YY\Live Demos\App_Data
If you are building a separate web site, you need to copy the needed databases to the App_Data folder of your own web site and attach them to your SQL server if you plan to use them. You can find our connectionStrings in the web.config at the root of the Live Demos site so you can tweak them according to your environment.
In case XML (or other) files are used as a data source, they are located in the concrete demo;s folder so you should copy them to your own site.