How to build a template for law exam schemas where each point is revealed step by step?

Hello everyone,
im trying to create an template for anki but im just not able to do so. I tried ChatGPT for around 5 hours but it just wont work. Thats why im trying my luck here, if anyone could help me you would made my day.**

Goal:**
Create an Anki card type for law exam schemas where each point is revealed step by step, including nested subpoints, while keeping card creation simple. All of this should be just on one card.

Requirements:

  1. Front:

    • Shows only the schema title

    • Visible immediately without clicks

  2. Back:

    • Shows all points of the schema step by step

    • Each point has two steps:

      1. Heading appears first

      2. Text/Explanation appears on the next click

    • Works for nested numbering: I., 1., a., aa., (1)

    • Flexible: only two fields needed, no need for separate fields per subpoint. I basically want to be flexible while creating the cards. Some Schemas just have 1. 2. 3. 4. without going deeper into each Number, some other have 1. a. aa. bb. b. aa. bb.

  3. Fields:

    • SchemaTitle → for the front (title)

    • SchemaText → for the back, containing all headings and texts

  4. Format of SchemaText:

    • Each line: Heading||Text

      • Example:

        Front: Name of Schema
        Back:
        I. Headline 1

        • Text 1
        1. Headline 2
        • Text 2
          a. Headline 3
        • Text 3

        and so on. Like i said above, it should also be possible to do b. c. d. (under 1.)

        I hope you understand what i want, english is not my native language so its kinda difficult for me to explain myself.

        Thanks everyone for reading!

If you want this kind of flexibility and just want to create cards, you’ll have to agree on a special text format, like this:
+++ Heading 1
++++ Heading 2
++++
+++

Give the AI ​​a task, and it does something like this for you.
https://codepen.io/kaiuandrey/pen/gbMLVVX

There you won’t have to write <div id="SchemaText">, you’ll just write the text in the field, and the template will do the rest.

hey Kaiu,

thank you alot of answering. I have to admit, im not really sure what to do excatly. Is there a guide out there explaining how i can achieve excatly that what im looking for?

What do you want? That’s why I created the code, so you can tell me if this is how I want it or not, and so on.
If so, you can create a template in just one minute.

I’m not sure if I fully understand the link and its content, so to avoid any misunderstandings, I’ll try to explain exactly what I would like:

I want to create a flashcard and use a “folding/unfolding” system. When I study the card, the heading should initially appear at the top, for example: “Compensation for damages under § 280.” When I then click with the left mouse button, the first requirement (but only the heading) should unfold, e.g., “I. Duty/Obligation.” When I click again, the text I have written under “I. Duty/Obligation” should appear. After that, I may want to go one level deeper, e.g., “1.”

Here’s a visual example:

I. Headline

- Text

1.Headline

- Text

a. Headline

-Text

aa. Headline

- Text

2. Headline

-Text

3.Headline

-Text

II. Headline

-Text

The numbering should then be displayed in the correct order while studying. Basically, in the same order as I write them into the field (so first I. 1. …, and only then II.)

I hope you can understand me reasonably well.


So, if you followed the link, there’s some code at the top that you can ignore for now, and at the bottom is something you can click. The functionality there is standard for HTML and beyond. If you click something, it expands; if you then click inside, it expands too. If you click on the outside and then open it again, everything inside is remembered, whether it was open or closed.
This is all done for convenience, so that someone who opens something they need can then temporarily collapse it and have what they want open.
So you have to compare and say, “This is how it is, and I want it this way.” And you can get the AI ​​to do all this, but you have to tell it exactly what you want.

I tried it again with AI (with your link). Took me over 2 hours and now AI is telling me that what i want is not possible with anki and there are also no addons available. Seems like i have to write it per hand and cant use anki for this, kinda sad :frowning:

If a webpage can do it then so can anki. I didn’t look over the code posted above and didn’t try it either. But is that not working or not what you want?

I can honestly not even picture what you’re trying to achieve; maybe you could show an image or link to a website that already does what you want to do.

Edit:

AI is often making mistakes. Especially when it comes to anki, you shouldn’t trust AI.

3 Likes

I just asked you to tell us what you don’t like about it. I don’t understand why no one can access the link; it should be accessible.
I have no problem creating a template based on that code; it only takes a few minutes, but you need to tell me whether it’s as shown there or not, or point me to another site where it’s available.

Im sorry kaiu, i didnt understand you correctly. I just checked the link again and its look excatly what i was looking for. To be 100% sure i probadly have to input the template into anki and see it myself. First of all thank you alot for taking your time to help me, i really appreciate it and it means alot!

1 Like

You’ll have to change a little bit there to make it work.

You’ll download the finished deck; there’s no design…it’s just the way it was. The main thing is that the code was quickly adjusted for Anki. The design was tested on a white theme; for a dark theme, you’ll need to tweak the CSS a bit, but I have no time right now; I need to work.

1 Like

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