river storm
Hello, I don't know what caused this, but the layout (Backside) of my cards now look like this [attached].
The 2 buttons for the vocabulary audio and sentence audio & and the vocabulary Furigana are missing. There is a duplicate vocab sentence (without Furigana. There is a huge gap between the vocabulary kanji & the english solution.
Could somebody please help me find a solution for my problem?
Thank you very much in advance!
brittle forge
Hello, I don't know what caused this, but the layout (Backside) of my cards now ...
You tagged this with every version of the app -- are you seeing the same thing on all versions?
river storm
Yes, I am
old kernel
Yes, I am
Copy the text for card's template (front, back and styling).
You can put them in here either as .txt files or wrap them in ``` sample text ```
and
are formatted
and easy to read```
It also sounds like the front side of your card looks correct, so please provide a screenshot of that as well.Front
<div style="font-size: 16px; ">{{Vocabulary-Pos}}</div>
<br/><br/><br/><br/><br/>
<div id="example-sentence" class="japanese" style="font-size:40px;">{{Expression}}</div> ```Back
<hr id=answer>
<div style="font-size: 30px; ">{{Vocabulary-English}}</div>
<div class="japanese" style="font-size: 50px; ">{{furigana:Reading}}</div>
<div style="font-size: 20px; ">{{Sentence-English}}</div>
<!---->
<div style="font-size: 14pt;">
<a class="japanese ios-only" href="mkdaijirin://jp.monokakido.DAIJIRIN/search?text={{Vocabulary-Kanji}}&srcname=Anki&src=anki://">大辞林</a><a class="japanese ios-only" href="mkwisdom2://jp.monokakido.WISDOM2/search?text={{Vocabulary-Kanji}}&srcname=Anki&src=anki://">ウィズダム</a><a class="japanese" href="http://dictionary.goo.ne.jp/srch/thsrs/{{Vocabulary-Kanji}}/m0u/">類語辞典</a><a class="ios-only" href="ebpocket://search?text={{Vocabulary-Kanji}}#anki://">EBPocket</a><a href="http://jisho.org/search/{{Vocabulary-Kanji}}">jisho</a><a href="http://ejje.weblio.jp/content/{{Vocabulary-Kanji}}">weblio</a>
<br/>
<div style="font-size: 10pt;">{{Frequency}}</div> ```Styling
@font-face { font-family: textbook; src: url('_HGSKyokashotai.ttf'); }
@font-face {
font-family: 'notosans';
font-style: normal;
font-weight: 400;
src: url(http://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
font-family: 'localnoto';
font-style: normal;
font-weight: 400;
src: url('_NotoSansJP-Medium.otf') format('opentype');
}
.card {
font-family: 'localnoto', 'notosans', 'ヒラギノ明朝 ProN', 'Hiragino Mincho Pro', 'serif';
font-size: 25px;
text-align: center;
color: White;
background-color: Black;
}
img {
max-height: 150px;
margin: 10px;
}
div {
padding-top:5px;
padding-bottom:5px;
}
a {
color: turquoise;
margin: 5px;
}
.ios-only { display: none; }
.mac-only { display: none; }
.mobile .ios-only { display: inline; }
.mac .mac-only { display: inline; }
.stroke { font-family: "stroke"; }
.japanese { font-family: "textbook"; }
.mac { font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho Pro', 'serif'; }
.mac .stroke { font-family: stroke; }
.mac .japanese { font-family: textbook; }
.mobile { font-family: textbook, 'Hiragino Mincho Pro', 'serif'; } ```This is the front side.
old kernel
@river storm
Thanks!
It looks like you've messed up your back template, because it doesn't include what you want.
The 2 buttons for the vocabulary audio and sentence audio
The back template has no reference to any audio fields. You have
{{furigana:Reading}}
{{Sentence-English}}
{{Vocabulary-Kanji}}x5
{{Frequency}}
If you have fields on your note for vocabulary and sentence audio, you need to include them in your back template via field replacement.
and the vocabulary Furigana are missing. There is a duplicate vocab sentence (without Furigana
The Reading field in your note is a sentence and not the vocab word. (Hence why you have a sentence with furigana being displayed.) You need to replace{{furigana:Reading}}with{{furigana:the right field name}}
There is a huge gap between the vocabulary kanji & the english solution.
You have<br/><br/><br/><br/><br/>5 new lines between the vocab and the example sentence on{{FrontSide}}. That's the huge gap.
If you want to have a massive gap on the front but fewer on the back, you can replace {{FrontSide}} with a modified version of the html that makes up the front.
river storm
Thank you very much:)
I fixed it
(do I have to delete this thread myself or will a moderator do it?)
old kernel
Leave it for future reference. Thanks for updating!
brittle forge
(do I have to delete this thread myself or will a moderator do it?)
Never delete your thread once it has already been answered. That suggests that obezag's helpful responses shouldn't be preserved, or should be yours-alone.