Two 'view note on ankihub' buttons showing


Hello,

Do you have the AnKing note types add-on installed? What note type is this?

Can you take a screenshot of the add-ons you have installed?

Yes i have the anking note types addon. I am using the mangomedic deck, and this card is a cloze (mangomedic) type. I made some minor modifications in the css to improve readability. I have attached both the updated css and back template, and the list of addons.

******* STYLING ********

.card {
font-family: arial greek;
font-size: 30px;
text-align: center;
color: black;
background-color: white;
}

.cloze {
font-weight: bold;
color: white;
background-color: red
}

.extra {
font-size: 20px;
color: magenta
}

/* General button styling */
.button-general {
padding: 8px 12px;
font-size: 14px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
margin-top: 10px;
}

.button-general:hover {
background-color: #0056b3;
}

/* Hidden notes styling /
.hints {
margin-top: 10px;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
background-color: black;
display: none; /
Initially hidden */
}

******** Back template ***********

{{cloze:Text}}


{{#Personal notes}}



Personal notes

{{edit:Personal notes}}
{{/Personal notes}}
{{Extra}}

{{#ankihub_id}}

View Note on AnkiHub

.ankihub-view-note { display: block; align: center; padding: 8px; border-radius: 50px; background-color: #cde3f8; font-size: 12px; color: black; text-decoration: none; width: fit-content; margin: 0 auto; } } .mobile .ankihub-view-note { display: block; align: center; margin: 0 auto; padding: 8px; border-radius: 50px; background-color: #cde3f8; font-size: 12px; color: black; text-decoration: none; } /* AnkiDroid (Android) The button is fixed to the bottom of the screen. */ .android .ankihub-view-note { position: fixed; bottom: 5px; align: center; } /* AnkiMobile (IPhone) position: fixed doesn't work on AnkiMobile, so the button is just below the content instead. */ .iphone .ankihub-view-note, .ipad .ankihub-view-note { position: relative; transform: translate(-50%, 0); width: fit-content; margin-top: 20px; }

{{/ankihub_id}}

Hello,

A couple of things stand out:

The Mangomedic note type uses the AnkingOverhaul note type as its backbone, which ordinarily might mean that resetting the note type would be recommended. In this case, however, if you’ve already edited some portion of the note type that presents two concerns: one, I’m sure you don’t want to lose the edits you’ve made, but two there is a chance that the edits you’ve made may have contributed to the issue.

Separate from that, I see that you’re using a button addon (The King of Button Add-ons). As a first-pass you might try disabling that addon and see if that fixes the issue (this is a common issue with button bar addons).

Just to make sure, I installed the deck myself and turned off all addons (except for Ankihub) and the buttons display fine. So the issue is likely either with your note type, or the addon, or your edits (or some combination of the above).

Please let me know if that answers your question, and if there’s anything else I can help with. :slight_smile:

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.