![]() |
#1 |
Member
![]() Posts: 15
Karma: 10
Join Date: Jan 2024
Device: window
|
How to hide footnote in cablire ebook view
As we known, Epub 3.0 supports pop-up footnotes.
when we use Moonreader Plus and ibook to reade ebooks,it will autmatically hide the footnotes. The Moonreader Plus developer appears to have modeled the rendering engine after the engine used by iBooks. Like iBooks it automatically hides aside footnotes; it even handles rearnotes without problems, which iBooks for iOS can't handle. However, not all ePub3 apps behave in this way, because the ePub3 specs don't require reading apps to hide aside footnotes; they also don't require reading apps to display them as popups. I find the post in this link(https://www.mobileread.com/forums/sh...d.php?t=264394) Some ebook's footnote are not builded at the bottom of chapter (Front of </body> in .xhtml file ), usually at the front of quotation. So,when i use calibre ebook view or other reader, rather than Moonreader Plus and ibook,The footnotes will appear in the body of page. it is annoyed for me. So, How to hide footnote in cablire ebook view? I try to use CSS by hidding the <aside> element (display:none ![]() In EPUB 3 flowing and fixed-layout books, you can create pop-up footnotes by labeling footnotes with the appropriate epub:type values. Because the <aside> element has an epub:type of footnote, the text is hidden in the main body of the book. The text will only be seen by the reader in the context of the popup.I find the post in this link(https://help.apple.com/itc/booksasse...cf8ecf5c8.html) |
![]() |
![]() |
![]() |
#2 |
creator of calibre
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 44,277
Karma: 23661992
Join Date: Oct 2006
Location: Mumbai, India
Device: Various
|
You are relying on non-standard behavior. Dont do that. If you dont want your footnotes in the main body text put them in separate html files at the end of the book. That has the further advantage of allowing your users to browse through the footnotes as a group.
|
![]() |
![]() |
Advert | |
|
![]() |
#3 | |
Member
![]() Posts: 15
Karma: 10
Join Date: Jan 2024
Device: window
|
Quote:
Last edited by chantsing; 01-21-2024 at 02:14 AM. |
|
![]() |
![]() |
![]() |
#4 | |
Member
![]() Posts: 15
Karma: 10
Join Date: Jan 2024
Device: window
|
Quote:
|
|
![]() |
![]() |
![]() |
#5 |
creator of calibre
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 44,277
Karma: 23661992
Join Date: Oct 2006
Location: Mumbai, India
Device: Various
|
There is no way to get the viewer to do that, I'm afraid. It might work with using the following CSS in the viewer settings, but Ihavent tested it
Code:
aside { display: none } .calibre-footnote-container aside { display: block } |
![]() |
![]() |
Advert | |
|
![]() |
#6 | |
Member
![]() Posts: 15
Karma: 10
Join Date: Jan 2024
Device: window
|
Quote:
and i test the following CSS which discart aside, .calibre-footnote-container { display: block } The effect is same as the CSS you provide: .calibre-footnote-container aside { display: block } It is so closed to the answer,So, what's wrong? Please help me, I will appreciate you so much |
|
![]() |
![]() |
![]() |
#7 |
Member
![]() Posts: 15
Karma: 10
Join Date: Jan 2024
Device: window
|
Post the Screenshot of the symptom
|
![]() |
![]() |
![]() |
#8 | |
Member
![]() Posts: 15
Karma: 10
Join Date: Jan 2024
Device: window
|
Quote:
.calibre-footnote-container aside { display: block }: When i use CSS code—.calibre-footnote-container aside { display: block }, it will popups all contents of this chapter, including all footnote. When i use CSS code—.calibre-footnote-container { display: block }, it will popups all contents of this chapter, excluding all footnote. |
|
![]() |
![]() |
![]() |
#9 | |
Guru
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 990
Karma: 1183425
Join Date: Dec 2016
Location: Goiânia - Brazil
Device: iPad, Kindle Paperwhite
|
Quote:
|
|
![]() |
![]() |
![]() |
#10 | |
Member
![]() Posts: 15
Karma: 10
Join Date: Jan 2024
Device: window
|
Quote:
AfterPaste the CSS Kovid provided, The first Popup may be fine, But the rest of popups dont works. and, I imitates Kovid's CSS, Code:
aside { display: none } .calibre-footnote-container p { display: none } .calibre-footnote-container aside { display: block } However, it will display all footnotes of this chapter. But,i just hope it dispaly the corresponding footnote rather than all footnotes. |
|
![]() |
![]() |
![]() |
#11 |
Fanatic
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 519
Karma: 32158
Join Date: Feb 2012
Device: Onyx Boox Leaf
|
Code:
body.calibre-viewer-paginated aside { display: none; } |
![]() |
![]() |
![]() |
#12 | |
Fanatic
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 519
Karma: 32158
Join Date: Feb 2012
Device: Onyx Boox Leaf
|
Quote:
Last edited by nqk; 01-25-2024 at 11:53 PM. |
|
![]() |
![]() |
![]() |
#13 |
Member
![]() Posts: 15
Karma: 10
Join Date: Jan 2024
Device: window
|
|
![]() |
![]() |
![]() |
|
![]() |
||||
Thread | Thread Starter | Forum | Replies | Last Post |
How to hide books from Library view that are already in collections? | Snorkledorf | Amazon Kindle | 5 | 09-02-2019 10:37 AM |
Cablire Companion 3.1.1 on Ipad Pro 12.5 running IOS 11.1 | monkeybutler | Calibre Companion | 5 | 08-11-2018 03:14 PM |
Modify panel-view ebook to generic comic-view? | badbob001 | Amazon Kindle | 7 | 01-28-2016 05:54 AM |
show hide button in ebook? | user743 | Kindle Formats | 2 | 04-17-2014 04:55 AM |
Glo hide the footnote / endnote text shown in note preview | fxp33 | Kobo Reader | 3 | 05-04-2013 08:11 PM |