or
For a RadComboBox I am still having trouble with aligning the text to be indented off of the image on the selected item. I followed this example: http://www.telerik.com/community/code-library/aspnet-ajax/combobox/show-the-selected-item-image-in-input.aspx
This won't indent the text.
<style type="text/css"> .cbGeographicUnit .rcbInputCell .rcbInput { padding-left: 22px; } </style> <tr> <td> <telerik:RadComboBox ID="cbGeographicUnit" OnClientLoad="showFirstItemImage" OnClientSelectedIndexChanging="showImageOnSelectedItemChanging" HighlightTemplatedItems="true"> <ItemTemplate> ... </ItemTemplate> </telerik:RadComboBox> </td> </tr> function RowClick(sender, eventArgs) { sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical());}function RowClick(sender, eventArgs) { if(?????) { sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical()); } else { sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical()).????; }}/// <summary> /// RadScheduler1 control. /// </summary> /// <remarks> /// Auto-generated field. /// To modify move field declaration from designer file to code-behind file. /// </remarks> protected global::Telerik.Web.UI.RadScheduler RadScheduler1;using System; using System.ComponentModel; using System.Collections; using System.Collections.Generic; using System.Configuration; using System.Data; using System.Drawing; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; using Telerik.Web.UI; using Telerik.Web.UI.Calendar; <h5><asp:Label ID="ViewCommentsHdg" runat="server" Text="Comments" Visible="false" ></asp:Label></h5> <telerik:RadGrid ID="RadGrid2" runat="server" AutoGenerateColumns="False" AllowPaging="True" Enabled="false" Visible="false" GridLines="None" Width="450px" EnableEmbeddedSkins="true" BackColor="#11161D" Skin="Black" OnItemCreated="RadGrid2_ItemCreated" > <PagerStyle Mode="NumericPages" PageButtonCount="5" /> <PagerStyle Mode="NumericPages" AlwaysVisible="true"></PagerStyle> <MasterTableView TableLayout="Fixed"> <ItemTemplate> <asp:Label ID="Image1" Text='<%# Eval("TextLangLongBody1") %>' runat="server" /> <div> <span style="font-weight: bold;"></span> <%# Eval("UserUName")%> <br /> <span style="font-weight: bold;"></span> <%# Format(Eval("TextRunFromDate"), "General Date")%> <br /> </div> <br /> </ItemTemplate> </MasterTableView> <ClientSettings AllowDragToGroup="false"> <Scrolling AllowScroll="true" UseStaticHeaders="true" /> </ClientSettings> </telerik:RadGrid> Dim boundcolumn As GridBoundColumn boundcolumn = New GridBoundColumn Me.RadGrid2.Columns.Add(boundcolumn) boundcolumn.UniqueName = "TextLangLongBody1" boundcolumn.DataField = "TextLangLongBody1" boundcolumn.Visible = True boundcolumn = Nothing RadGrid2.Enabled = True RadGrid2.Visible = True protected void btnXLS_Click(object sender, EventArgs e){ rgvNextActionDue.ExportSettings.FileName = "NextActionDue"; rgvNextActionDue.ExportSettings.OpenInNewWindow = true; rgvNextActionDue.ExportSettings.ExportOnlyData = true; rgvNextActionDue.ExportSettings.IgnorePaging = true; rgvNextActionDue.ExportSettings.Excel.FileExtension = "xls"; rgvNextActionDue.ExportSettings.Excel.Format = GridExcelExportFormat.ExcelML; rgvNextActionDue.MasterTableView.ExportToExcel();}protected void btnXLS_Click(object sender, EventArgs e){ rgvNextActionDue.ExportSettings.FileName = "NextActionDue"; rgvNextActionDue.ExportSettings.OpenInNewWindow = true; rgvNextActionDue.ExportSettings.ExportOnlyData = true; rgvNextActionDue.ExportSettings.IgnorePaging = true; rgvNextActionDue.ExportSettings.Excel.FileExtension = "xls"; rgvNextActionDue.ExportSettings.Excel.Format = GridExcelExportFormat.Html; rgvNextActionDue.MasterTableView.ExportToExcel();}<tlk:GridTemplateColumn UniqueName="PeriodTemplate" Groupable="false"> <HeaderTemplate> <table id="tblPeriod" cellspacing="0" width="100%"> <tr> <td colspan="3" align="center"> <b>Period</b> </td> </tr> <tr> <td style="width:49%" align="center"> <asp:LinkButton CssClass="Button" ID="btnPStart" Text="Start" ToolTip="Sort by Period Start" CommandName="Sort" CommandArgument="EvFYStart" runat="server" /> </td> <td align="center" style="width:1%">-</td> <td style="width:50%" align="center"> <asp:LinkButton CssClass="Button" ID="btnPEnd" Text="End" ToolTip="Sort by Period End" CommandName="Sort" CommandArgument="EvFYEnd" runat="server" /> </td> </tr> </table> </HeaderTemplate> <HeaderStyle Width="120px" /> <ItemTemplate> <table cellspacing="0" width="100%" border="0"> <tr> <td style="width:49%; border:0;" align="center"> <%# Eval("EvFYStart") %> </td> <td align="center" style="width:1%; border:0;">-</td> <td style="width:50%; border:0;" align="center"> <%# Eval("EvFYEnd") %> </td> </tr> </table> </ItemTemplate> <ItemStyle HorizontalAlign="Center" /></tlk:GridTemplateColumn>function CargarParametrosSuccess(resultado) { var parametros = (typeof resultado.d) == 'string' ? eval('(' + resultado.d + ')') : resultado.d; for (var i = 0; i < parametros.length; i++) { //TODO: crear Fila en grid var parametro = parametros[i]; var tabla = document.getElementById("rgvParametros_ctl00"); var fila = tabla.insertRow(); var celda = fila.insertCell(); var newImage = document.createElement('input'); newImage.type = 'image'; newImage.src = 'Imagenes/seleccionar.png'; celda.width = 20; celda.appendChild(newImage); celda = fila.insertCell(); celda.width = 80; celda.innerHTML = parametro.Codigo; celda = fila.insertCell(); celda.innerHTML = parametro.Nombre; celda = fila.insertCell(); celda.innerHTML = parametro.Descripcion; celda = fila.insertCell(); celda.innerHTML = parametro.Valor; celda = fila.insertCell(); celda.innerHTML = parametro.Estado; }} But the rows is added under the pagination buttons...
Thanks a lot for your responses.