Listview - Custom Layout RSS

• • Reply
  

  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.

  
  

• • Reply
  

  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

• • Reply
  

  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;
  }

• • Reply
  

  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

  • Edited by 0ramramram0 on Jan 01, 2013 05:09 PM
  • Edited by 0ramramram0 on Jan 01, 2013 05:09 PM
  • Edited by 0ramramram0 on Jan 01, 2013 05:09 PM
• • Reply
  

  WebDeveloper...

  Member

  2 Points

  20 Posts

  Re: Listview - Custom Layout

  Jan 03, 2013 12:09 PM|LINK

  0ramramram0

  try

  <LayoutTemplate>
              .........
              <div style=""> //I don't know what's this line
              </div>//See your 1st post.Its your code only

  </LayoutTemplate>

  .............

  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??

• • Reply
  

  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???

• • Reply
  

  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

  Parthasarathi,
  Remember to click Mark as Answer on the post that helps to others.
  
  My Blog :MyAspSnippets
  • Edited by decker dong - msft on Jan 15, 2013 02:31 AM
  • Edited by decker dong - msft on Jan 15, 2013 02:32 AM
• • Reply
  

  Decker Dong ...

  All-Star

  118619 Points

  18779 Posts

  Re: Listview - Custom Layout

  Jan 15, 2013 02:33 AM|LINK

  WebDeveloper3

  How can I arrange the item in grid without table???

  What result do you wanna see?

  I cannot understand what you mean?