radgrid column width in the tooltip

[prayag ganoje]

Hello,

I have a tooltip inwhich radgrid is embaded. I observed image column width is too big. though the column width is fixed to 2% its not reducing. Is there any other way to reduce the column width ?

<telerik:RadGrid ID="rg_tt_CSMD_Backlog_By_Status_FL" runat="server" AllowSorting="false"
GridLines="None" AllowPaging="true" BorderStyle="NotSet" Height="99.9%"
Width="99.9%" OnNeedDataSource="rg_tt_CSMD_Backlog_By_Status_FL_NeedDataSource"
OnItemDataBound ="rg_tt_CSMD_Backlog_By_Status_ItemDataBound" AutoGenerateColumns="false" HeaderStyle-Wrap="false">
<MasterTableView DataKeyNames="CASES" CommandItemDisplay="None" TableLayout="Auto"
HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="X-Small">
<Columns>
<telerik:GridTemplateColumn AllowFiltering="false" UniqueName="imageCol" HeaderStyle-Width="2%" >
<ItemTemplate>
<a href="../CustomerSupport/CaseViewer.aspx?ID=<%#Eval("CASES")%>">
<asp:Image ImageUrl="~/Images/case.png" ID="imgTest" runat="server" BorderWidth="0px" />
</a>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="CASES" HeaderText="CASE" DataFormatString="<nobr>{0}</nobr>" HeaderStyle-Width="10%"
HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="X-Small">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn AllowFiltering="false" UniqueName="imageappSerial" HeaderStyle-Width="2%">
<ItemTemplate>
<a href="../AccountManagement/ProductViewer.aspx?ID=<%#Eval("SERIAL")%>">
<asp:Image ImageUrl="~/Images/server_database.png" ID="imgTest" runat="server" BorderWidth="0px" />
</a>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="appSERIAL" HeaderText="SERIAL" DataFormatString="<nobr>{0}</nobr>" HeaderStyle-Width="10%"
HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="X-Small">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="SITE" HeaderText="SITE" DataFormatString="<nobr>{0}</nobr>" HeaderStyle-Width="35%"
HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="X-Small">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="SUMMARY" HeaderText="SUMMARY" DataFormatString="<nobr>{0}</nobr>" HeaderStyle-Width="48%"
HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="X-Small">
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
<ClientSettings>
</ClientSettings>
</telerik:RadGrid>

Tooltip code:

<telerik:RadToolTipManager ID="ttm_CSMD_Backlog_By_Status_FL" runat="server" EnableShadow="true"
Animation="Resize" HideEvent="ManualClose" Height="70" Width="75" OnAjaxUpdate="OnAjaxUpdate"
Position="BottomCenter" RelativeTo="Element" OffsetY="0" OnClientResponseEnd="OnClientResponseEnd">
</telerik:RadToolTipManager>

[Pavlina]

Hi Prayag,

You can remove the cell padding from the desired column, which will result in a better look:
CSS:

div.RadGrid_SkinName .rgRow td,
div.RadGrid_SkinName .rgAltRow td,
{
  padding-left:0px;
  padding-right:0px;
}

Give it a try and let me know how it goes.

All the best,
Pavlina
the Telerik team