or
<telerik:RadComboBox ID="RadComboBox1" runat="server" Width="700"
ShowToggleImage="True" Style="vertical-align: middle;" OnClientDropDownOpened="OnClientDropDownOpenedHandler"
EmptyMessage="Choose a business">
<ItemTemplate>
<div id="div1" style="width: 100%;">
<telerik:RadTreeView runat="server" ID="RadTreeView1" OnClientNodeClicking="nodeClicking">
</telerik:RadTreeView>
</div>
</ItemTemplate>
<Items>
<telerik:RadComboBoxItem Text="" />
</Items>
</telerik:RadComboBox>
| // I used a short string array for my ascx page names: | |
| string[] userControlNames = { "0 Index", "FirstPage", "SecondPage", "ThirdPage" }; | |
| protected void Page_Load(object sender, EventArgs e) | |
| { | |
| if (!Page.IsPostBack) | |
| { | |
| AddTab("1st Tab", "1"); | |
| AddPageView(RadTabStrip1.FindTabByText("1st Tab")); | |
| AddTab("2nd Tab", "2"); | |
| AddTab("3rd Tab", "3"); | |
| } | |
| } | |
| private void AddTab(string tabName, string tabID) | |
| { | |
| RadTab tab = new RadTab(); | |
| tab.Text = tabName; | |
| tab.AccessKey = tabID; | |
| RadTabStrip1.Tabs.Add(tab); | |
| } | |
| private void AddPageView(RadTab tab) | |
| { | |
| RadPageView pageView = new RadPageView(); | |
| pageView.ID = tab.AccessKey; | |
| RadMultiPage1.PageViews.Add(pageView); | |
| pageView.CssClass = "pageView"; | |
| tab.PageViewID = pageView.ID; | |
| } | |
| protected void RadMultiPage1_PageViewCreated(object sender, RadMultiPageEventArgs e) | |
| { | |
| string userControlName = userControlNames[int.Parse(e.PageView.ID)].ToString() + "CS.ascx"; | |
| Control userControl = Page.LoadControl(userControlName); | |
| userControl.ID = e.PageView.ID + "_userControl"; | |
| e.PageView.Controls.Add(userControl); | |
| } | |
| protected void RadTabStrip1_TabClick(object sender, RadTabStripEventArgs e) | |
| { | |
| AddPageView(e.Tab); | |
| e.Tab.PageView.Selected = true; | |
| } |
| /* r.a.d.upload default embedded skin skin */ |
| .RadUploadTable |
| { |
| background: #f7f7f7; |
| border: solid 1px #e5e5e5; |
| border-collapse: collapse !important; |
| filter: progid:DXImageTransform.Microsoft.dropShadow(Color=e5e5e5,offX=2,offY=2,positive=true); |
| margin: 5px 0px; |
| width: 450px; |
| font: normal 8px Arial, Verdana, Sans-serif; |
| color: #333; |
| } |
| .RadUploadTable td |
| { |
| padding: 4px; |
| } |
| .RadUploadButtonArea |
| { |
| background: transparent; |
| } |
| .RadUploadButton, |
| .radUploadButtonMedium |
| { |
| background: white url('Img/radUploadBtnMedium.gif') no-repeat; |
| border: 0px; |
| height: 22px; |
| width: 115px; |
| font: normal 11px Arial, Verdana, Sans-serif; |
| color: #666; |
| } |
| .RadUploadButtonDisabled |
| { |
| background: white url('Img/radUploadBtnMedium.gif') no-repeat; |
| border: 0px; |
| height: 22px; |
| width: 115px; |
| font: normal 11px Arial, Verdana, Sans-serif; |
| color: #666; |
| filter:alpha(opacity=30); |
| -moz-opacity:0.5; |
| opacity: 0.5; |
| } |
| .RadUploadFileSelector |
| { |
| /* checkbox */ |
| } |
| .RadUploadInputField |
| { |
| width: 300px; |
| border: solid 1px #cfcfcf; |
| background: white; |
| border-right: 0px; |
| vertical-align: top; |
| height: 17px; |
| _width: 300px; |
| } |
| input.RealFileInput |
| { |
| position: relative; |
| -moz-opacity: 0; |
| filter: alpha(opacity: 0); |
| opacity: 0; |
| z-index: 2; |
| width: 400px; |
| } |
| .RadUploadSelectButton |
| { |
| border: 0px; |
| background: transparent url('Img/select.gif') no-repeat; |
| font: normal 11px Arial, Verdana, Sans-serif; |
| color: #666; |
| height: 22px; |
| width: 67px; |
| } |
| .RadUploadRemoveButton |
| { |
| border: 0px; |
| background: transparent url(Img/radUploadBtnSmall.gif) no-repeat; |
| font: normal 11px Arial, Verdana, Sans-serif; |
| color: #666; |
| height: 22px; |
| width: 68px; |
| float: right; |
| } |
| .RadUploadClearButton |
| { |
| border: 0px; |
| background: transparent url('Img/radUploadBtnSmall.gif') no-repeat; |
| font: bold 11px Arial, Verdana, Sans-serif; |
| color: #666; |
| height: 22px; |
| width: 68px; |
| float: right; |
| } |
| input.NoSkinnedFileUnput |
| { |
| border: solid 1x #1f1f1f; |
| } |
| .RadUpload_MTCDefault |
| { |
| background: #f7f7f7; |
| border: solid 1px #e5e5e5; |
| border-collapse: collapse !important; |
| filter: progid:DXImageTransform.Microsoft.dropShadow(Color=e5e5e5,offX=2,offY=2,positive=true); |
| margin: 5px 0px; |
| width: 450px; |
| font: normal 8px Arial, Verdana, Sans-serif; |
| color: #333; |
| } |
| .RadUpload_MTCDefault .RadUploadTable td |
| { |
| padding: 4px; |
| } |
| .RadUpload_MTCDefault .ruButtonArea |
| { |
| background: transparent; |
| } |
| .RadUpload_MTCDefault .ruButton, |
| .RadUpload_MTCDefault .ruButtonMedium |
| { |
| background: white url('Upload/radUploadBtnMedium.gif') no-repeat; |
| border: 0px; |
| height: 22px; |
| width: 115px; |
| font: normal 11px Arial, Verdana, Sans-serif; |
| color: #666; |
| } |
| .RadUpload_MTCDefault .ruDisabled |
| { |
| background: white url('Upload/radUploadBtnMedium.gif') no-repeat; |
| border: 0px; |
| height: 22px; |
| width: 115px; |
| font: normal 11px Arial, Verdana, Sans-serif; |
| color: #666; |
| filter:alpha(opacity=30); |
| -moz-opacity:0.5; |
| opacity: 0.5; |
| } |
| .RadUpload_MTCDefault .ruFileSelector |
| { |
| /* checkbox */ |
| } |
| .RadUpload_MTCDefault .ruInputField |
| { |
| width: 300px; |
| border: solid 1px #cfcfcf; |
| background: white; |
| border-right: 0px; |
| vertical-align: top; |
| height: 17px; |
| _width: 300px; |
| } |
| .RadUpload_MTCDefault ruInput.RealFileInput |
| { |
| position: relative; |
| -moz-opacity: 0; |
| filter: alpha(opacity: 0); |
| opacity: 0; |
| z-index: 2; |
| width: 400px; |
| } |
| .RadUpload_MTCDefault .ruBrowse |
| { |
| border: 0px; |
| background: transparent url('Upload/select.gif') no-repeat; |
| font: normal 11px Arial, Verdana, Sans-serif; |
| color: #666; |
| height: 22px; |
| width: 67px; |
| } |
| .RadUpload_MTCDefault .ruRemove |
| { |
| border: 0px; |
| background: transparent url(Upload/radUploadBtnSmall.gif) no-repeat; |
| font: normal 11px Arial, Verdana, Sans-serif; |
| color: #666; |
| height: 22px; |
| width: 68px; |
| float: right; |
| } |
| .RadUpload_MTCDefault .ruClear |
| { |
| border: 0px; |
| background: transparent url('Upload/radUploadBtnSmall.gif') no-repeat; |
| font: bold 11px Arial, Verdana, Sans-serif; |
| color: #666; |
| height: 22px; |
| width: 68px; |
| float: right; |
| } |
| .RadUpload_MTCDefault ruInput.NoSkinnedFileUnput |
| { |
| border: solid 1x #1f1f1f; |
| } |
| .RadUpload_MTCDefault .RadUploadTable td |
| { |
| padding: 4px; |
| } |
| .RadUpload_MTCDefault .ruClear |
| { |
| border: 0px; |
| background: transparent url('Upload/radUploadBtnSmall.gif') no-repeat; |
| font: bold 11px Arial, Verdana, Sans-serif; |
| color: #666; |
| height: 22px; |
| width: 68px; |
| float: right; |
| } |


| <telerik:RadGrid ID="RadGridAlarms" runat="server" Skin="Telerik" ToolTip="Alarm Messages" Height="100%" AllowPaging="true" OnItemCreated="RadGridPaging_ItemCreated"> |
| <PagerStyle AlwaysVisible="true" Mode="NextPrev" Position="Top" PagerTextFormat = "<span class='PagerTitle'>Alarms</span>{4}<strong>{0}</strong> of <strong>{1}</strong>, alarms <strong>{2}</strong> to <strong>{3}</strong> of <strong>{5}</strong><span style='padding-right: 50px'>.</span>"/> |
| <ClientSettings> |
| <Selecting AllowRowSelect="true" /> |
| <Resizing AllowColumnResize="true" ResizeGridOnColumnResize="true" /> |
| <Scrolling AllowScroll="true" UseStaticHeaders="true" /> |
| <ClientEvents OnRowContextMenu="OnAlarmsRowContextMenu" OnDataBound="RadGridAlarms_DataBound" OnDataBinding="RadGridAlarms_DataBinding" OnDataSourceResolved="RadGridAlarms_DataSourceResolved" /> |
| <DataBinding Location="WebService.asmx" SelectMethod="GetAlarms" /> |
| </ClientSettings> |
| <mastertableview autogeneratecolumns="False" commanditemdisplay="None" dir="LTR" frame="Border" tablelayout="Auto"> |
| <Columns> |
| <telerik:GridImageColumn HeaderStyle-Width="30" DataImageUrlFields="alarmType" DataImageUrlFormatString="Images/Alarms/{0}.PNG" ItemStyle-CssClass="ImageTD" /> |
| <telerik:GridBoundColumn HeaderText="Message" DataField="message" /> |
| <telerik:GridBoundColumn HeaderStyle-Width="80" HeaderText="Date" DataField="msgDateTime" DataFormatString="{0:M/dd/yyyy}" /> |
| <telerik:GridBoundColumn HeaderStyle-Width="80" HeaderText="Time" DataField="msgDateTime" DataFormatString="{0:hh:mm tt}" /> |
| <telerik:GridBoundColumn HeaderText="Dev Name" DataField="devNameComputer" /> |
| <telerik:GridBoundColumn HeaderStyle-Width="50" HeaderText="Dev #" DataField="rawDevNumber" DataFormatString="{0:X}" /> |
| <telerik:GridBoundColumn HeaderStyle-Width="80" HeaderText="Dev Date" DataField="devDateTime" DataFormatString="{0:M/dd/yyyy}" /> |
| <telerik:GridBoundColumn HeaderStyle-Width="80" HeaderText="Dev Time" DataField="devDateTime" DataFormatString="{0:hh:mm tt}" /> |
| <telerik:GridBoundColumn HeaderText="Dev Type" DataField="devType" /> |
| <telerik:GridBoundColumn HeaderStyle-Width="50" HeaderText="Port #" DataField="portNumber" DataFormatString="{0:X2}"/> |
| </Columns> |
| </mastertableview> |
| </telerik:RadGrid> |
| RadGrid1.ExportSettings.Excel.Format = Telerik.Web.UI.GridExcelExportFormat.ExcelML; |
| RadGrid1.ExportSettings.ExportOnlyData = true; |
| RadGrid1.ExportSettings.IgnorePaging = true; |
| RadGrid1.MasterTableView.ExportToExcel(); |