List view orientation

2 posts, 0 answers
  1. Omar
    Omar avatar
    24 posts
    Member since:
    Aug 2018

    Posted 19 May 2019 Link to this post

    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>
  2. Vessy
    Admin
    Vessy avatar
    2339 posts

    Posted 21 May 2019 Link to this post

    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
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top