I would like tohave
the elements oflistviewnext to each otherondifferent lines.
But I want toarrange them ina divwithout usinga table
to manage themindividuallywitha graphics functionjavascript.
I tried with this:
<LayoutTemplate>
<div ID="DivListView1" runat="server" style="">
<span runat="server" id="itemPlaceholder" />
</div>
<div style=""> //questo div che mi mette lui non ho ben capito a cosa serva
</div>
</LayoutTemplate>
<LayoutTemplate> <div ID="DivListView1" runat="server"
class="cssDivListView1"> <span runat="server" id="itemPlaceholder" /> </div> <div style=""> //questo div che mi mette lui non ho ben capito a cosa serva </div> </LayoutTemplate>
<LayoutTemplate>
<div ID="DivListView1" runat="server" class="cssDivListView1"> <span runat="server" id="itemPlaceholder"> Text</span>
</div> <div style=""> //I don't know what's this line </div>//See your 1st post.Its your code only
WebDeveloper...
Member
2 Points
20 Posts
Listview - Custom Layout
Jan 01, 2013 04:02 PM|LINK
Hi,
I would like to have the elements of listview next to each other on different lines. But I want to arrange them in a div without using a table to manage them individually with a graphics function javascript.
I tried with this:
<LayoutTemplate>
<div ID="DivListView1" runat="server" style="">
<span runat="server" id="itemPlaceholder" />
</div>
<div style=""> //questo div che mi mette lui non ho ben capito a cosa serva
</div>
</LayoutTemplate>
style.css
#DivListView1
{
;
width:700px;
background-color:Blue;
}
#itemPlaceholder
{
;
width:300px;
margin-right:10px;
background-color:Blue;
}
But this don't go. Listview put the item one above the other. The background don't go, also.
0ramramram0
Member
305 Points
73 Posts
Re: Listview - Custom Layout
Jan 01, 2013 04:14 PM|LINK
try this way
.cssDivListView1
{
;
width:700px;
background-color:Blue;
}
<LayoutTemplate>
<div ID="DivListView1" runat="server" class="cssDivListView1">
<span runat="server" id="itemPlaceholder" />
</div>
<div style=""> //questo div che mi mette lui non ho ben capito a cosa serva
</div>
</LayoutTemplate>
More details please look below links
http://asp-net-example.blogspot.in/2009/12/listview-control-how-to-use-listview.html
WebDeveloper...
Member
2 Points
20 Posts
Re: Listview - Custom Layout
Jan 01, 2013 04:56 PM|LINK
Ok, the background now go. But the Item is always one above the other.
The color fuchsia don't go.
<LayoutTemplate>
<div ID="DivListView1" runat="server" class="cssDivListView1">
<span runat="server" id="itemPlaceholder" class="cssItemPlaceholder"/>
</div>
<div style=""> //I don't know what's this line
</div>
</LayoutTemplate>
Style.css
.cssDivListView1
{
position:absolute;
width:700px;
background-color:Blue;
}
.cssItemPlaceholder
{
position:relative;
width:300px;
margin-right:10px;
color:Fuchsia;
}
0ramramram0
Member
305 Points
73 Posts
Re: Listview - Custom Layout
Jan 01, 2013 05:08 PM|LINK
try
<LayoutTemplate>
<div ID="DivListView1" runat="server" class="cssDivListView1">
<span runat="server" id="itemPlaceholder"> Text</span>
</div>
<div style=""> //I don't know what's this line
</div>//See your 1st post.Its your code only
</LayoutTemplate>
Style.css
.cssDivListView1
{
position:absolute;
width:700px;
background-color:Blue;
}
.cssDivListView1 span
{
position:relative;
width:300px;
margin-right:10px;
color:Fuchsia;
}
look this
http://www.1keydata.com/css-tutorial/div-span.php
WebDeveloper...
Member
2 Points
20 Posts
Re: Listview - Custom Layout
Jan 03, 2013 12:09 PM|LINK
Yes. When I create Listview, Visual Studio create the first div with span and this empty div. I don't know why.
Now the fuchsia go. Thanks.
But the items always are one above the other. How can I put them one next other without table??
WebDeveloper...
Member
2 Points
20 Posts
Re: Listview - Custom Layout
Jan 07, 2013 10:05 AM|LINK
No one knows???
How can I arrange the item in grid without table???
sarathi125
Star
13599 Points
2691 Posts
Re: Listview - Custom Layout
Jan 07, 2013 01:50 PM|LINK
Hi,
Check the following,
http://jsfiddle.net/NGLN/PJF5y/4/
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
Remember to click Mark as Answer on the post that helps to others.
My Blog :MyAspSnippets
Decker Dong ...
All-Star
118619 Points
18779 Posts
Re: Listview - Custom Layout
Jan 15, 2013 02:33 AM|LINK
What result do you wanna see?
I cannot understand what you mean?