unable to fix the height and width of column having image in it

[Shashikant]

hi,

I am want to fix the height and width of column which has image displayed. Actually, all the images being called in the cell are of different size this causes the design messed up.

I tried Item style height and width but it didn't solved the problem.

here is the code

<telerik:RadGrid ID="RadGrid_Banner_Home_Main" runat="server" AllowFilteringByColumn="True"
                        AutoGenerateColumns="false" AllowSorting="True" PageSize="10" ShowFooter="False"
                        ShowGroupPanel="False" AllowPaging="true" Skin="Vista" EnableLinqExpressions="false">
                        <PagerStyle Mode="NextPrevAndNumeric" />
                        <ExportSettings IgnorePaging="true" FileName="banner_Export" Pdf-AllowAdd="true"
                            Pdf-AllowCopy="true" Pdf-AllowPrinting="true" Pdf-PaperSize="A4" Pdf-Creator="a1"
                            OpenInNewWindow="true" ExportOnlyData="true" />
                        <MasterTableView DataKeyNames="banner_id" HorizontalAlign="NotSet" AutoGenerateColumns="False"
                            AllowFilteringByColumn="True" AllowSorting="true"  AlternatingItemStyle-BackColor="#f3f3f3"
                            CommandItemDisplay="Top" ClientDataKeyNames="banner_id">
                            <CommandItemSettings ShowExportToWordButton="false" ShowExportToExcelButton="false"
                                ShowExportToPdfButton="false" ShowExportToCsvButton="false" ShowAddNewRecordButton="false"
                                ShowRefreshButton="false" />
                            <NoRecordsTemplate>
                                Banner not available
                            </NoRecordsTemplate>
                            <SortExpressions>
                                <telerik:GridSortExpression FieldName="image" SortOrder="Ascending" />
                            </SortExpressions>
                            <Columns>
                                <telerik:GridTemplateColumn HeaderText="Banner" DataField="image" UniqueName="image"
                                    HeaderStyle-Width="100" ItemStyle-Width="100" ItemStyle-Height="100"
                                    AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="false" AllowFiltering="false"
                                    GroupByExpression="image [Banner] Group By image">

                                    <ItemTemplate>
                                        <asp:Label ID="lbl_img_path" runat="server" Text='<%#Eval("image")%>' Visible="false"></asp:Label>
                                        <%# IIf(Container.DataItem("banner_type") <> "HTML", "" & "<img src=" & Gogotech.SqlHelper.of_FetchKey("FrontEndServer") & IIf(Eval("image") <> "", Eval("image"), "/images/ina.jpg") & " />" & "", "" & Eval("html") & "")%>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
      </Columns>
                        </MasterTableView>

                    </telerik:RadGrid>

[Pavlina]

Hello,

Could you try setting fixed width through HeaderStyle-Width property of the template column in px as shown below and see if it helps. Note that you should not use ItemStyle-Width for setting column width:

<telerik:GridTemplateColumn HeaderText="Banner" DataField="image" UniqueName="image"
HeaderStyle-Width="100px"  AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="false" AllowFiltering="false"  GroupByExpression="image [Banner] Group By image">
  <ItemTemplate>
     <asp:Label ID="lbl_img_path" runat="server" Text='<%#Eval("image")%>' Visible="false"></asp:Label>
          <%# IIf(Container.DataItem("banner_type") <> "HTML", "" & "<img src="Gogotech.SqlHelper.of_FetchKey("FrontEndServer") & IIf(Eval("image") <> "", Eval("image"), "/images/ina.jpg") & " />" & "", "" & Eval("html") & "")%>
    </ItemTemplate>
</telerik:GridTemplateColumn>

Also setting ItemStyle-Height is of no use in your case because table cells cannot be prevented from expanding vertically. You can try adding some container with fixed height in the template column as recommended in the following forum post:
http://www.telerik.com/forums/radgrid-max-height

Regards,
Pavlina
Telerik