Making a Horizontal List with Flow

Making a Horizontal List with Flow

In ASP.NET, you can use CSS to create a horizontal list with flow. Here is an example:

<asp:ListView ID=”myListView” runat=”server” DataSourceID=”myLinqDataSource”

    ItemContainerStyle=”display:inline-block; margin-right:10px;”>

    <ItemTemplate>

        <!– template for displaying data items –>

    </ItemTemplate>

</asp:ListView>

In this example, we set the ItemContainerStyle property of the ListView control to display:inline-block; margin-right:10px;. This CSS style makes each data item display as an inline block element with a right margin of 10 pixels. This causes each data item to flow horizontally and wrap to the next line when there is not enough space.

You can further customize the style of the data items by adding CSS rules to the ItemTemplate or using a separate CSS file.

Apply for ASP.NET Certification Now!!

https://www.vskills.in/certification/certified-aspnet-programmer

Back to Tutorial