Skip to main content

Headers to Group Steps

Ability to add headers that support steps underneath them. Currently, headers count as a full step, so if I have "Making the Dough", everything underneath it gets crossed off at the same time. Having the option to have checkable steps underneath each header would be very helpful.

Status: Completed5 comments

Log in to comment and vote

Comments5

  • Jan changed status to Completed
    •

    Feb 5, 2024

  • Jan

    •

    Feb 5, 2024

    Hi Scryr, I'm happy to tell you that this is already supported. You can add a section heading like this

    Section Heading:

    Heading:

    Text

    There is also a more detailed explanation on the Edit Recipe form if you click on the question mark next to the instructions. Let me know if that works for you.

    Best,

    Jan 👋

    • Scryr

      •

      Feb 5, 2024

      Jan: Hi! Thank you for the quick response!

      I was able to get that to work, thank you! The whitespace was the issue. In the future I wonder if it'd be possible to have the option to reset step numbering on headings though?

      From a formatting perspective, potentially a way to differentiate named steps from actual headings - that way "named steps" continue the step numbering, whereas headings reset it?

      e.g.

      Making the Dough:

      Step 1. lorem ipsum

      Step 2. lorem ipsum

      Step 3. lorem ipsum

      Making Layering Mixture:

      Step 1. lorem ipsum

      Step 2. lorem ipsum

      Step 3. lorem ipsum

    • Jan

      •

      Feb 7, 2024

      Scryr That's a good idea. I've changed the count to match your idea. Thank you very much :)

    • Scryr

      •

      Feb 9, 2024

      Jan Great! Thank you so much :) Now the only other related suggestion I would have is being able to differentiate the named heading from the steps (e.g. with some sort of horizontal rule or in-line horiziontal rule, or maybe a slightly larger font size? Bold instead of italic or both?) Right now think they may just be visually too similar

      Prep Shells ----------

      Step 1

      Lorem Ipsum

      Make Filling ----------

      Step 1

      Lorem Ipsum

      Step 2

      Lorem Ipsum