or

<%@ Page Title="Home Page" Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="DataFormatting._Default" %> <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> <form id="form1" runat="server"> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> </telerik:RadAjaxManager> <telerik:RadScriptManager ID="RadScriptManager1" Runat="server"> </telerik:RadScriptManager> <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Loop The Grid" Width="235px" /> <div class="myRadGrid" > <asp:PlaceHolder ID="PlaceHolder1" runat="server" > <telerik:RadGrid ID="myRadGrid" runat="server" onitemdatabound="myRadGrid_ItemDataBound" onprerender="myRadGrid_PreRender" > </telerik:RadGrid> <telerik:GridTextBoxColumnEditor runat="server" ID="MyEditor"> <TextBoxStyle Width="35px" /> </telerik:GridTextBoxColumnEditor> </asp:PlaceHolder> </div> </form> using System; using System.Collections.Generic; using System.Data; using System.Linq; using System.Diagnostics; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using Telerik.Web.UI; namespace DataFormatting { public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!this.IsPostBack) { BuildTheGrid(); } } protected void myRadGrid_ItemDataBound(object sender, GridItemEventArgs e) { } #region Build the grid protected void myRadGrid_PreRender(object sender, System.EventArgs e) { bool itemsUpdated = false; foreach (GridItem item in myRadGrid.MasterTableView.Items) { if (item is GridEditableItem) { itemsUpdated = true; GridEditableItem editableItem = item as GridDataItem; editableItem.Edit = true; } } if (itemsUpdated) myRadGrid.Rebind(); } private DataSet BuildTheGrid() { try { myRadGrid.DataSource = null; DataSet myDataToShow = LoadGridData(); // Define the main grid for (int loopPos = myRadGrid.MasterTableView.Columns.Count; loopPos > 0; loopPos--) { myRadGrid.MasterTableView.Columns.RemoveAt(loopPos - 1); } myRadGrid.ID = "MyGrid"; myRadGrid.DataSource = myDataToShow; myRadGrid.Width = Unit.Percentage(98); myRadGrid.AutoGenerateColumns = false; myRadGrid.ShowStatusBar = true; myRadGrid.GroupingEnabled = true; myRadGrid.MasterTableView.Width = Unit.Percentage(100); // now build the hierarchical grid GridGroupByExpression groupExpression = new GridGroupByExpression(); myRadGrid.MasterTableView.GroupByExpressions.Add(new GridGroupByExpression("GroupValue1 group by GroupValue1")); myRadGrid.MasterTableView.GroupByExpressions.Add(new GridGroupByExpression("GroupValue2 group by GroupValue2")); myRadGrid.MasterTableView.ShowGroupFooter = true; myRadGrid.GroupingSettings.RetainGroupFootersVisibility = true; myRadGrid.AllowMultiRowEdit = true; myRadGrid.MasterTableView.EditMode = GridEditMode.InPlace; GridBoundColumn boundColumn = new GridBoundColumn(); foreach (DataColumn col in myDataToShow.Tables[0].Columns) { boundColumn = new GridBoundColumn(); myRadGrid.MasterTableView.Columns.Add(boundColumn); boundColumn.DataField = col.ColumnName; boundColumn.HeaderText = col.ColumnName; boundColumn.Visible = true; if (col.Ordinal > 1) { boundColumn.Aggregate = GridAggregateFunction.Sum; boundColumn.FooterText = ""; boundColumn.DataFormatString = "{0:##,##0}"; boundColumn.ColumnEditorID = "MyEditor"; boundColumn.ReadOnly = false; } } myRadGrid.DataBind(); } catch (Exception exc) { Debug.WriteLine(exc.Message); return null; } finally { } return null; } #endregion #region Load the Grid Data private DataSet LoadGridData() { // return the data to display DataSet contributionData = new DataSet("MyData"); DataTable gridData = contributionData.Tables.Add("ContData"); gridData.Columns.Add(new DataColumn("GroupValue1")); gridData.Columns.Add(new DataColumn("GroupValue2")); DataColumn decCol = new DataColumn("ValueToSum"); decCol.DataType = System.Type.GetType("System.Int32"); gridData.Columns.Add(decCol); DataColumn perCol = new DataColumn("ValueToIgnore"); perCol.DataType = System.Type.GetType("System.Int32"); gridData.Columns.Add(perCol); DataColumn decCol2 = new DataColumn("ValueToSum2"); decCol2.DataType = System.Type.GetType("System.Int32"); gridData.Columns.Add(decCol2); DataColumn perCol2 = new DataColumn("ValueToIgnore2"); perCol2.DataType = System.Type.GetType("System.Int32"); gridData.Columns.Add(perCol2); DataColumn decCol3 = new DataColumn("ValueToSum3"); decCol3.DataType = System.Type.GetType("System.Int32"); gridData.Columns.Add(decCol3); DataColumn perCol3 = new DataColumn("ValueToIgnore3"); perCol3.DataType = System.Type.GetType("System.Int32"); gridData.Columns.Add(perCol3); for (int j = 1; j < 5; j++) { for (int i = 1; i < 5; i++) { DataRow dataRow = contributionData.Tables[0].NewRow(); dataRow["GroupValue1"] = "Header 1 as " + j.ToString(); dataRow["GroupValue2"] = "Heading 2 as " + i.ToString(); dataRow["ValueToSum"] = 1234 * i * j; dataRow["ValueToIgnore"] = 805 * i * j; dataRow["ValueToSum2"] = 42 * i * j; dataRow["ValueToIgnore2"] = 901 * i * j; dataRow["ValueToSum3"] = 651 * i * j; dataRow["ValueToIgnore3"] = 104 * i * j; contributionData.Tables[0].Rows.Add(dataRow); } } return contributionData; } #endregion protected void Button1_Click(object sender, EventArgs e) { } ibtStatus.Attributes.Add("OnClick", "ShowImportDetail('" + strImportId + "');")
to
ibtStatus.Attributes.Add("OnClientClick", "ShowImportDetail('" + strImportId + "');")
<asp:ImageButton ID="ibtPackageStatus" runat="server" ImageURL='<%# Bind("ImportStatusImage") %>' OnClientClick="ShowImportDetail('xx');" />
Private Sub rgvImportHeader_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles rgvImportHeader.ItemDataBound If TypeOf e.Item Is GridDataItem Then Dim Row As GridDataItem = DirectCast(e.Item, GridDataItem) Dim strImportId As String = Row("ImportExecutionId").Text Dim ibtStatus As New ImageButton ibtStatus = DirectCast(Row.FindControl("ibtPackageStatus"), ImageButton) ibtStatus.Attributes.Add("OnClick", "ShowImportDetail('" + strImportId + "');") End If End Sub<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/IPSMaster.Master" CodeBehind="WBC IMP Timberline Data.aspx.vb" Inherits="IPS_Gateway.WBC_IMP_Timberline_Data" %> <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="act" %> <asp:Content ID="cntMain" ContentPlaceHolderID="cphMainContent" runat="server"> <script type="text/javascript"> function ShowImportDetail(ExecutionId) { alert(ExecutionId); var oWnd = window.radopen("http://google.com","rwdImportDetail"); oWnd.set_modal(true); } </script> <asp:SqlDataSource ID="SQLDS_ImportList" runat="server" ConnectionString="<%$ ConnectionStrings:IPSDataConnectionString %>" SelectCommandType="StoredProcedure" SelectCommand="[Imports].[DSP_SELECT-ImportProcesses]" /> <asp:SqlDataSource ID="SQLDS_ImportLogHeader" runat="server" ConnectionString="<%$ ConnectionStrings:IPSDataConnectionString %>" SelectCommandType="StoredProcedure" SelectCommand="[Imports].[DSP_SELECT-ImportHeader]" /> <asp:panel ID="pnlPage" runat="server" SkinId="skn_GPC01_Panel_MainContent"> <asp:panel ID="pnlPageHeader" runat="server" cssClass="css_GPC01_Panel_PageHeading" > <telerik:RadToolBar ID="rtbImportData" runat="server" AutoPostBack="false" EnableEmbeddedSkins="True" OnButtonClick="rtbImportData_ButtonClick" Skin="Black" > <Items> <telerik:RadToolBarButton runat="server" CommandName="tbtClearSelection" ImageUrl="~/App_Themes/Images/Redo Undo/Undo Green 16.png" Text="Clear Selected Items" ToolTip="Clear Selected Itmes" /> <telerik:RadToolBarButton runat="server" CommandName="tbtRequeryImportDetail" ImageUrl="~/App_Themes/Images/Reload/Reload Blue 16.png" Text="Refresh Import Detail" ToolTip="Requery Import Detail Grid" /> <telerik:RadToolBarButton runat="server" CommandName="tbtImportData" ImageUrl="~/App_Themes/Images/Processing/Import Data Blue 16.ico" Text="Import Data" ToolTip="Import Data" /> </Items> </telerik:RadToolBar> <asp:Label ID="txtPageTitle" runat="server" CssClass="css_GPC01_Label_PageTitle" Text="Import Timberline Data"/> <asp:ImageButton ID="ibtPageInformation" runat="server" SkinID="skn_GPC01_ImageButton_PageInformation" /> <asp:HiddenField ID="hdfObjectID" runat="server" /> </asp:panel> <asp:Panel ID="pnlPageContent" runat="server" cssClass="css_GPC01_Panel_PageContent" > <asp:UpdatePanel ID="uppUpdateList" runat="server"> <ContentTemplate> <%-- Hidden fields are used to store the values for the select parameters for the SQLDataSource SQLDS_ImportLogHeader--%> <asp:HiddenField ID="hdfStartId" runat="server" Value="1" EnableViewState="true" /> <asp:HiddenField ID="hdfEndId" runat="server" Value="10000" EnableViewState="true" /> <asp:Label ID="lblRecordsSelected" runat="server" CssClass="css_GFS01_Label_Small" Text="Records Selected:" /> <asp:TextBox ID="txtRecordsSelectedCount" runat="server" CssClass="css_GFS01_Text_MediumLeft" Text="0" Width="25px" BorderStyle="None" /> <asp:TextBox ID="txtRecordsSelected" runat="server" CssClass="css_GFS01_Text_MediumLeft" Width="740" /> <asp:TextBox ID="txtImportStatus" runat="server" CssClass="css_GFS01_Text_Status" Text="Idle" Width="100px" /> <telerik:RadGrid ID="rgvImportList" runat="server" DataSourceID="SQLDS_ImportList" AllowPaging="True" ItemStyle-Wrap="false" AutoGenerateColumns="False" Height="137px" Width="1038px" PageSize="4" GridLines="None" Skin="Web20" > <ItemStyle Wrap="False" /> <MasterTableView DataKeyNames="ImportID" DataSourceID="SQLDS_ImportList" > <Columns> <telerik:GridTemplateColumn UniqueName="chkSelectRow" HeaderText="" HeaderStyle-Width="20px" ItemStyle-Width="20px" ItemStyle-HorizontalAlign="Center" > <ItemTemplate> <asp:CheckBox ID="chkSelectRow" runat="server" AutoPostBack="true" OnCheckedChanged="chkSelectRow_OnCheckChanged" /> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="ImportStatus" HeaderText="Req Status" HeaderStyle-Width="90px" HeaderStyle-HorizontalAlign="Center" > <ItemTemplate> <asp:ImageButton ID="ibtRequestStatus" runat="server" ImageURL='<%# Bind("RequestStatusImage") %>' /> <asp:Label ID="lblRequestStatus" runat="server" Text='<%# Bind("RequestStatus") %>' /> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn DataField="ImportID" UniqueName="ImportID" HeaderText="ID" HeaderStyle-Width="30px" HeaderStyle-HorizontalAlign="Left" DataType="System.Int32"/> <telerik:GridBoundColumn DataField="ImportName" UniqueName="ImportName" HeaderText="Import Name" HeaderStyle-Width="120px" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" /> <telerik:GridTemplateColumn UniqueName="ImportStatus" HeaderText="Status" HeaderStyle-Width="100px" HeaderStyle-HorizontalAlign="Center" > <ItemTemplate> <asp:ImageButton ID="ibtImportStatus" runat="server" ImageURL='<%# Bind("ExecutionStatusImage") %>' /> <asp:Label ID="lblImportStatus" runat="server" Text='<%# Bind("LastExecutionStatus") %>' /> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn DataField="LastExecutedBy" UniqueName="LastExecutedBy" HeaderText="Executed By" HeaderStyle-Width="110px" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" /> <telerik:GridBoundColumn DataField="LastExecutionStartTime" UniqueName="Start Date" HeaderText="Start Date" HeaderStyle-Width="80px" HeaderStyle-HorizontalAlign="Left" DataType="System.DateTime" DataFormatString="{0:MM/dd/yy}"/> <telerik:GridBoundColumn DataField="LastExecutionStartTime" UniqueName="LastExecutionStartTime" HeaderText="Start Time" HeaderStyle-Width="70px" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" DataType="System.DateTime" DataFormatString="{0:h:mm:ss t}" /> <telerik:GridBoundColumn DataField="LastExecutionEndTime" UniqueName="LastExecutionEndTime" HeaderText="End Time" HeaderStyle-Width="70px" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" DataType="System.DateTime" DataFormatString="{0:h:mm:ss t}" /> <telerik:GridBoundColumn DataField="LastExecutionTimeElapsed" UniqueName="LastExecutionTimeElapsed" HeaderText="Time Elapsed" HeaderStyle-Width="130px" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" /> <telerik:GridBoundColumn DataField="ExecutionCount" UniqueName="ExecutionCount" HeaderText="Exec #" HeaderStyle-Width="60px" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" DataType="System.Int32" /> <telerik:GridBoundColumn DataField="AverageExecutionTimeElapsed" UniqueName="AverageExecutionTimeElapsed" HeaderText="Avg Time Elapsed" /> </Columns> </MasterTableView> <ClientSettings AllowColumnsReorder="false" ReorderColumnsOnClient="false" Scrolling-AllowScroll="True" Scrolling-UseStaticHeaders="True" Selecting-AllowRowSelect="True" /> </telerik:RadGrid> </ContentTemplate> </asp:UpdatePanel> <br /> <telerik:RadGrid ID="rgvImportHeader" runat="server" ShowGroupPanel="False" Height="380px" Width="1038px" Skin="Web20" EnableViewState ="true"> <MasterTableView DataSourceID="SQLDS_ImportLogHeader" AutoGenerateColumns="false" DataKeyNames="ImportExecutionID" AllowPaging="true" ItemStyle-Wrap="false" PageSize="20" Caption="<span style='font-weight:bold'>Import Header</span>" > <RowIndicatorColumn HeaderStyle-Width="10px" ItemStyle-BackColor="#FFFFF" /> <Columns> <telerik:GridTemplateColumn UniqueName="ImportStatus" HeaderText="Status" HeaderStyle-Width="100px" HeaderStyle-HorizontalAlign="Center" > <ItemTemplate> <asp:ImageButton ID="ibtPackageStatus" runat="server" ImageURL='<%# Bind("ImportStatusImage") %>' /> <asp:Label ID="lblImportStatus" runat="server" Text='<%# Bind("ImportStatus") %>' /> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn DataField="ImportExecutionID" UniqueName="ImportExecutionID" HeaderText="Execution Id" Display="false" /> <telerik:GridBoundColumn DataField="ImportId" UniqueName="ImportId" HeaderText="Id" HeaderStyle-Width="30px" HeaderStyle-HorizontalAlign="Center" DataType="System.Int32" /> <telerik:GridTemplateColumn UniqueName="Process Name" HeaderText="Status" HeaderStyle-Width="120px" HeaderStyle-HorizontalAlign="Center" > <ItemTemplate> <asp:Label ID="lblImportName" runat="server" Text='<%# Bind("ImportName") %>' /> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn DataField="ImportErrorCount" UniqueName="ImportErrorCount" HeaderText="Errors" HeaderStyle-Width="50px" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Right" DataType="System.Int32" /> <telerik:GridBoundColumn DataField="SystemUser" UniqueName="SystemUser" HeaderText="User" HeaderStyle-Width="100px" HeaderStyle-HorizontalAlign="Left" /> <telerik:GridBoundColumn DataField="ImportStartTime" UniqueName="ImportStartDate" HeaderText="Import Date" HeaderStyle-Width="90px" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataFormatString="{0:MM/dd/yy}" DataType="System.DateTime" /> <telerik:GridBoundColumn DataField="ImportStartTime" UniqueName="ImportStartTime" HeaderText="Start Time" HeaderStyle-Width="80px" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:h:mm:ss t}" DataType="System.DateTime" /> <telerik:GridBoundColumn DataField="ImportEndTime" UniqueName="ImportEndTime" HeaderText="End Time" HeaderStyle-Width="80px" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:h:mm:ss t}" DataType="System.DateTime" /> <telerik:GridBoundColumn DataField="ImportTimeElapsed" UniqueName="ImportTimeElapsed" HeaderText="Time Elapsed" HeaderStyle-Width="120px" HeaderStyle-HorizontalAlign="Left" /> <telerik:GridBoundColumn DataField="ArgusStatus" UniqueName="ArgusStatus" HeaderText="Argus Status" HeaderStyle-Width="150px" HeaderStyle-HorizontalAlign="Left" /> <telerik:GridBoundColumn DataField="ArgusStartTime" UniqueName="ArgusStartTime" HeaderText="Start Time" HeaderStyle-Width="80px" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:h:mm:ss t}" DataType="System.DateTime" /> <telerik:GridBoundColumn DataField="ArgusEndTime" UniqueName="ArgusEndTime" HeaderText="End Time" HeaderStyle-Width="80px" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:h:mm:ss t}" DataType="System.DateTime" /> <telerik:GridBoundColumn DataField="ArgusTimeElapsed" UniqueName="ArgusTimeElapsed" HeaderText="Time Elapsed" HeaderStyle-Width="120px" HeaderStyle-HorizontalAlign="Left" /> <telerik:GridBoundColumn DataField="PackageStatus" UniqueName="PackageStatus" HeaderText="Package Status" HeaderStyle-Width="150px" HeaderStyle-HorizontalAlign="Left" /> <telerik:GridBoundColumn DataField="PackageStartTime" UniqueName="PackageStartTime" HeaderText="Start Time" HeaderStyle-Width="80px" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:h:mm:ss t}" DataType="System.DateTime" /> <telerik:GridBoundColumn DataField="PackageEndTime" UniqueName="PackageEndTime" HeaderText="End Time" HeaderStyle-Width="80px" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:h:mm:ss t}" DataType="System.DateTime" /> <telerik:GridBoundColumn DataField="PackageTimeElapsed" UniqueName="PackageTimeElapsed" HeaderText="Time Elapsed" headerStyle-Width="120px" HeaderStyle-HorizontalAlign="Left" /> </Columns> </MasterTableView> <ClientSettings AllowColumnsReorder="false" EnablePostBackOnRowClick="true" AllowDragToGroup="false" ReorderColumnsOnClient="false" Selecting-AllowRowSelect="True" Scrolling-AllowScroll="True" Scrolling-UseStaticHeaders="True" /> </telerik:RadGrid> <telerik:RadWindowManager ID="rwmImportDetail" runat="server" Behaviors="Close, Move, Resize,Maximize" DestroyOnClose="true" > </telerik:RadWindowManager> </asp:Panel> </asp:panel> </asp:Content> <telerik:GridTemplateColumn HeaderText="" UniqueName="ConfirmNo" AllowFiltering = "false"><ItemTemplate>
<asp:Button ID="btnConfirmNo" runat="server" Text="No" CommandArgument='<%# Eval("_DocumentID") %>' CommandName="ConfirmNo" /> <asp:Label ID="lblConfirmNo" runat="server" CssClass="formLabel"></asp:Label> </ItemTemplate> <HeaderStyle HorizontalAlign="Center" /> <ItemStyle HorizontalAlign="Center" Width="5%" /></telerik:GridTemplateColumn><telerik:RadWindowManager ID="RadWindowManager2" runat="server" VisibleOnPageLoad="false" KeepInScreenBounds="true" Modal="true" VisibleStatusbar="false" ShowContentDuringLoad="false"> <Windows> </Windows> </telerik:RadWindowManager> <asp:Button ID="btnReport" runat="server" Text="Show Report" OnClick="btnReport_OnClick" /> protected void btnReport_OnClick(object sender, EventArgs e) { Telerik.Web.UI.RadWindow rw = new Telerik.Web.UI.RadWindow(); rw.ID = "test"; rw.Width = 1135; rw.Height = 671;
rw.ShowContentDuringLoad = false; rw.VisibleStatusbar = false; rw.KeepInScreenBounds = true; rw.VisibleOnPageLoad = true; rw.Modal = true; rw.AutoSize = false; rw.Behaviors = WindowBehaviors.Close; rw.NavigateUrl = "~/Report.aspx?id=1042"; rw.ReloadOnShow = false; RadWindowManager2.Windows.Add(rw); }
Hi
I want to use GridTempalteColumn Rad Gird for google-like filtering. Is it possible?
I have tried in bound column for the same requirement, it is working fine.
but my requirement is to show product details in tooltip on mousemove of grid row(s).
please help me by providing with some sample code.
Thanks & Regards,
Pravat Sharma
function RadControls_Load(menu, args){ var combo1 = $find("<%=RadComboBox1.ClientID %>"); var combo2 = $find("<%=RadComboBox3.ClientID %>");}<telerik:RadToolBar ID="RadToolBar1" Skin="Windows7" EnableRoundedCorners="true" EnableShadows="true" runat="server" Width="100%" OnClientButtonClicking="BlockEditor_RadToolBar_Top_ClientButtonClicking" OnClientLoad="RadControls_Load" > <Items> <telerik:RadToolBarButton Text="Size" Group="Align" CheckOnClick="true"> <ItemTemplate> <telerik:RadComboBox ID="RadComboBox1" runat="server" AllowCustomText="false" Width="45px"> <Items> <telerik:RadComboBoxItem runat="server" Text="Size" Value="0" /> <telerik:RadComboBoxItem runat="server" Text="1px" Value="1" /> <telerik:RadComboBoxItem runat="server" Text="2px" Value="2" /> <telerik:RadComboBoxItem runat="server" Text="3px" Value="3" /> <telerik:RadComboBoxItem runat="server" Text="4px" Value="4" /> <telerik:RadComboBoxItem runat="server" Text="5px" Value="5" /> </Items> </telerik:RadComboBox> </ItemTemplate> </telerik:RadToolBarButton> <telerik:RadToolBarButton Text="Style" Group="Align" CheckOnClick="true"> <ItemTemplate> <div style="padding-right: 5px;"> <telerik:RadComboBox ID="RadComboBox3" runat="server" AllowCustomText="false" Width="60px"> <Items> <telerik:RadComboBoxItem runat="server" Text="Style" Value="Solid" /> <telerik:RadComboBoxItem runat="server" Text="Dashed" Value="Dashed" /> <telerik:RadComboBoxItem runat="server" Text="Dotted" Value="Dotted" /> </Items> </telerik:RadComboBox> </div> </ItemTemplate> </telerik:RadToolBarButton> </Items> </telerik:RadToolBar>