List view orientation

[Omar]

Hi,

How to make the list view list items horizontally instead of vertically. 

I am using Item template with binding to dataset.

 

 

 

<telerik:RadListView runat="server" ID="grid_newsHorizanantal" AllowPaging="true" PageSize="10">
                                  <ItemTemplate>
                                      <div class="listViewItem" >
                                          <table>
                                              <tr>
                                                  <td style="vertical-align: top">
                                                      <asp:Image ImageUrl='<%# Eval("urlimage") %>' runat="server" CssClass="newsBotoomImage" />
                                                  </td>
                                                  <td style="text-align: justify; vertical-align: top">
                                                      <table>
                                                          <tr>
                                                              <td style="text-align:left; vertical-align: top; font-weight: 800">
                                                                  <asp:Label ID="Label3" runat="server" Text='<%# Eval("title") %>'></asp:Label>
                                                              </td>
                                                          </tr>
                                                          <tr>
                                                              <td>
                                                                <%--  <asp:Label ID="Label1" runat="server" Text='<%# Eval("desc_short") %>'></asp:Label>--%>
                                                              </td>

                                                          </tr>
                                                          <tr>
                                                               <td>
                                                                  <asp:HyperLink ID="Link_readNews" Text='<%# Eval("link") %>' runat="server" NavigateUrl= '<%# Eval("newsID","~/news_read.aspx?newsID={0}") %>'></asp:HyperLink>
                                                              </td>
                                                          </tr>
                                                      </table>
                                                  </td>
                                              </tr>
                                          </table>
                                      </div>
                                  </ItemTemplate>
                              </telerik:RadListView>

[Vessy]

Hi Omar,

RadListView does not provide a built-in orientation control, but you can achieve such behavior by implementing the approach (enabled paging) from the following online demo:
https://demos.telerik.com/aspnet-ajax/listview/examples/overview/defaultcs.aspx

Regards,
Vessy
Progress Telerik