How to hide footnote in cablire ebook view

[chantsing]

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, it will hide footnote, but when i pop-up the footnote, it can not display too.



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)

[kovidgoyal]

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.

[chantsing]

Originally Posted by kovidgoyal

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.

Thank for your responses，I am not a Ebook maker, i just a reader, The ebook was downloaded from Webside, I known that we can put them in separate html files at the end of the book or put them into the end of it's html. But i think it is Tedious for me. I dont know how to extract footnotes in batches, Detele footnote and put them into the end of it's html. For me, i just can move it one by one.When a ebook have a lot of footnote，it is a huge workload for me.

[chantsing]

Originally Posted by kovidgoyal

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.

Thank for your GREAT contribution for Ebook, i want to support you, but i dont have Paly Pay, Can you open Alipay donation channels

[kovidgoyal]

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

aside { display: none }
.calibre-footnote-container aside { display: block }

[chantsing]

Originally Posted by kovidgoyal

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

aside { display: none }
.calibre-footnote-container aside { display: block }

I just test the CSS code, But it not works well. When i toggle it, it popups all contents of this chapter, instead of the footnote which it should be.

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

[chantsing]

Post the Screenshot of the symptom

[chantsing]

Originally Posted by chantsing

I just test the CSS code, But it not works well. When i toggle it, it popups all contents of this chapter, instead of the footnote which it should be.

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

There is an different between .calibre-footnote-container { display: block } and
.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.

[thiago.eec]

Originally Posted by kovidgoyal

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

aside { display: none }
.calibre-footnote-container aside { display: block }

Originally Posted by chantsing

I just test the CSS code, But it not works well.

Are you sure you followed Kovid's instructions correctly? I tested here and it worked. Pay attention to the bold part: you don't need to edit the EPUB file; just open it with the Viewer > Press ESC to open the Preferences > Styles > Paste the CSS Kovid provided > Press OK.

[chantsing]

Originally Posted by thiago.eec

Are you sure you followed Kovid's instructions correctly? I tested here and it worked. Pay attention to the bold part: you don't need to edit the EPUB file; just open it with the Viewer > Press ESC to open the Preferences > Styles > Paste the CSS Kovid provided > Press OK.

I am certainly sure. Just as you post, open it with the Viewer > Press ESC to open the Preferences > Styles > Paste the CSS Kovid provided > Press OK.

AfterPaste the CSS Kovid provided, The first Popup may be fine, But the rest of
popups dont works.

and, I imitates Kovid's CSS，

aside { display: none }

.calibre-footnote-container p { 

display: none

}

.calibre-footnote-container aside { 

display: block

}

the body of page will be hidden.

However, it will display all footnotes of this chapter.

But,i just hope it dispaly the corresponding footnote rather than all footnotes.

[nqk]

body.calibre-viewer-paginated aside {
  display: none; 
  }

You can try this. It will hide the aside contents in the body but not in the popup window.

[nqk]

Originally Posted by thiago.eec

Are you sure you followed Kovid's instructions correctly? I tested here and it worked. Pay attention to the bold part: you don't need to edit the EPUB file; just open it with the Viewer > Press ESC to open the Preferences > Styles > Paste the CSS Kovid provided > Press OK.

I can confirm the OP's issue. It won't work. Even for the case where all the footnotes/endnotes are in a separate file, this css code forces the whole content of that html file to show in the popup window rather than only the intended aside.

[chantsing]

Originally Posted by nqk

body.calibre-viewer-paginated aside {
  display: none; 
  }

You can try this. It will hide the aside contents in the body but not in the popup window.

Wow，it works fine, Thanks so so so much you.