# Page Break on List View

**URL:** https://forums.knack.com/t/page-break-on-list-view/9201
**Category:** Ask Developers
**Created:** [October 8, 2019, 4:32pm UTC](https://forums.knack.com/t/page-break-on-list-view/9201 "2019-10-08T16:32:03Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![ZapBaum60976](https://avatars.discourse-cdn.com/v4/letter/z/8dc957/32.png) [@ZapBaum60976](https://forums.knack.com/u/ZapBaum60976)
#### Post date: [October 8, 2019, 4:32pm UTC](https://forums.knack.com/t/page-break-on-list-view/9201/1 "2019-10-08T16:32:03Z")

</div>

How can I add a page break for a list view? I need a page break after each record displayed, please

---

<div class="post-metadata">

### Author: ![BobLove38845](https://avatars.discourse-cdn.com/v4/letter/b/779978/32.png) [@BobLove38845](https://forums.knack.com/u/BobLove38845)
#### Post date: [May 11, 2021, 4:25am UTC](https://forums.knack.com/t/page-break-on-list-view/9201/2 "2021-05-11T04:25:27Z")

</div>

385061037911 when I implemented the code it does not retain my page layout that is page 50/50 split. Is there any way to retain that in the print media?

---

<div class="post-metadata">

### Author: ![DorianSimp77228](https://avatars.discourse-cdn.com/v4/letter/d/87869e/32.png) [@DorianSimp77228](https://forums.knack.com/u/DorianSimp77228)
#### Post date: [January 29, 2020, 1:50pm UTC](https://forums.knack.com/t/page-break-on-list-view/9201/3 "2020-01-29T13:50:14Z")

</div>

Same here with Zap. Tried everything from targeting H1, Title, adding a page-break as a field, in the Special fields. Nothing seems to work in List View. Anyone solved? Please, please share.

---

<div class="post-metadata">

### Author: ![Kat](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/kat/32/2834_2.png) [@Kat](https://forums.knack.com/u/Kat)
#### Post date: [January 23, 2020, 7:51pm UTC](https://forums.knack.com/t/page-break-on-list-view/9201/4 "2020-01-23T19:51:43Z")

</div>

You can use the following code to add a line break after each record in a&nbsp; **list view** , when printing from the browser. Replace ## with the list view #:

**Note** : If you have custom Javascript/CSS related to list views, this can prevent this code from working.

**Knack Standard Theme**

@media print {  
#view\_## .columns {display: block;}  
#view\_## .kn-list-item-container {display: block; page-break-after:always;}  
}

**Legacy: Classic Theme**

@media print {  
#view\_## .kn-list-item-container {page-break-after:always;}  
}

---

<div class="post-metadata">

### Author: ![ZapBaum60976](https://avatars.discourse-cdn.com/v4/letter/z/8dc957/32.png) [@ZapBaum60976](https://forums.knack.com/u/ZapBaum60976)
#### Post date: [November 5, 2019, 9:36pm UTC](https://forums.knack.com/t/page-break-on-list-view/9201/5 "2019-11-05T21:36:50Z")

</div>

Hi,

Thanx for the help offered.

I've tried every combination I could think of - the only one that works is where I insert a page break after a view, for instance:

#view\_1410 {page-break-after: always;}

&nbsp;

Unfortunately this doesn't work when I have a list view.

---

<div class="post-metadata">

### Author: ![ZapBaum60976](https://avatars.discourse-cdn.com/v4/letter/z/8dc957/32.png) [@ZapBaum60976](https://forums.knack.com/u/ZapBaum60976)
#### Post date: [October 16, 2019, 11:31am UTC](https://forums.knack.com/t/page-break-on-list-view/9201/6 "2019-10-16T11:31:46Z")

</div>

Thanx Bill,

I've tried that (and various other versions) but no luck, unfortunately.

---

<div class="post-metadata">

### Author: ![BillLynch46385](https://avatars.discourse-cdn.com/v4/letter/b/e0b2c6/32.png) [@BillLynch46385](https://forums.knack.com/u/BillLynch46385)
#### Post date: [October 16, 2019, 3:08am UTC](https://forums.knack.com/t/page-break-on-list-view/9201/7 "2019-10-16T03:08:45Z")

</div>

FWIW, you might be able to do this with CSS. The CSS class "kn-list-item-container" is a wrapper around each list item. You could add a CSS directive to do page breaking after each one. See [https://www.w3schools.com/cssref/pr\_print\_pageba.asp](https://www.w3schools.com/cssref/pr_print_pageba.asp) for more details on CSS page breaks. (Note, I haven't personally tried this but I think you should explore this route..)
