Listview Examples

Home

Basic Listview:

• Page A
• Page B
• Page C

Basic Listview from OL element:

1. Page A
2. Page B
3. Page C

Basic inset Listview:

• Page A
• Page B
• Page C

Nested Listview:

• Page A
  • Page A 1
  • Page A 2
  • Page A 3
• Page B
  • Page B 1
  • Page B 2
  • Page B 3
• Page C
  • Page C 1
  • Page C 2
  • Page C 3

Basic Listview w/ counts:

• Page A 22
• Page A 22
• Page A 22

Basic Listview w/ hierarchy:

• Page A

  Quick description about this item here

  22

• Page A

  Quick description about this item here

  22

• Page A

  Quick description about this item here

  22

Basic Listview w/ grouped aside content:

• Page A

  Quick description about this item here

  6:24PM

• Page A

  Quick description about this item here

  6:24PM

• Page A

  Quick description about this item here

  6:24PM

Same as above with grouping items:

• This morning 3

• Todd Parker

  You've been invited to a meeting at Filament Group in Boston, MA

  Hey Scott, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.

  6:24AM

• Todd Parker

  You've been invited to a meeting at Filament Group in Boston, MA

  Hey Scott, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.

  6:24AM

• Todd Parker

  You've been invited to a meeting at Filament Group in Boston, MA

  Hey Scott, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.

  6:24AM

• This afternoon 1

• Todd Parker

  Meeting reminder

  Hey Scott, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.

  1:15PM

• This evening 1

• Todd Parker

  Just checking

  Hey Scott, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.

  7:46PM

Same as above with OL numbering:

1. This morning 3

2. Todd Parker

   You've been invited to a meeting at Filament Group in Boston, MA

   Hey Scott, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.

   6:24AM

3. Todd Parker

   You've been invited to a meeting at Filament Group in Boston, MA

   Hey Scott, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.

   6:24AM

4. Todd Parker

   You've been invited to a meeting at Filament Group in Boston, MA

   Hey Scott, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.

   6:24AM

5. This afternoon 1

6. Todd Parker

   Meeting reminder

   Hey Scott, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.

   1:15PM

7. Todd Parker

   Meeting reminder

   Hey Scott, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.

   1:15PM

8. This evening 1

9. Todd Parker

   Just checking

   Hey Scott, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.

   7:46PM

Basic Listview w/ thumbnails:

• 

  Page A

  Quick description about this item here

  22
• 

  Page A

  Quick description about this item here

  22
• 

  Page A

  Quick description about this item here

  22

Basic OL Listview w/ split buttons:

1. 

   Page A

   Quick description about this item here

   22 browse details
2. 

   Page A

   Quick description about this item here

   22 browse details
3. 

   Page A

   Quick description about this item here

   22 browse details

Same as above, different theme

1. 

   Page A

   Quick description about this item here

   22 browse details
2. 

   Page A

   Quick description about this item here

   22 browse details
3. 

   Page A

   Quick description about this item here

   22 browse details