This is a migrated thread and some comments may be shown as answers.

List view orientation

1 Answer 99 Views
ListView
This is a migrated thread and some comments may be shown as answers.
Omar
Top achievements
Rank 1
Omar asked on 19 May 2019, 02:48 PM

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>

1 Answer, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 21 May 2019, 07:54 AM
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.
Tags
ListView
Asked by
Omar
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Share this question
or