Skip to content
Knowledge Base
< All Topics
Print

Recipe View

PostedOctober 18, 2025
UpdatedOctober 18, 2025
Byicecreamcalc

What You’ll Learn: This guide explains the Recipe View page – your recipe’s dashboard in the Ice Cream Calc Web App. You’ll learn how to use all the features including quick stats, action cards, recipe cards, and sharing options.

Introduction

The Recipe View page is your recipe’s home page – a clean dashboard that provides an overview of your recipe and quick access to common actions. Think of it as the “info page” for your recipe.

Key purposes:

  • View recipe summary and statistics at a glance
  • Access quick actions (edit, produce, print, share)
  • View and manage recipe cards
  • Share your recipe with others

Page Structure Overview

The Recipe View page consists of several distinct sections:

  1. Header Section – Recipe title, description, and quick stats
  2. Action Icons (top-right) – Share, Link, Print, Delete
  3. Action Cards – Three large cards for Edit, Produce, and Labels
  4. Recipe Cards Section – View and manage your recipe cards
  5. Ingredients Preview (desktop/tablet only) – Quick ingredient list

Header Section

Recipe Title and Description

At the top of the page, you’ll see:

  • Recipe Name – Large heading with your recipe title
  • Description (if set) – Brief description you added in Recipe Editor properties

Tip: To edit the recipe name or description, use the Recipe Editor Properties panel.

Quick Stats

Three statistics cards provide key information about your recipe:

  • Mix Weight – Total weight of all ingredients (before evaporation)
  • Ingredients – Total number of ingredients in the recipe
  • Category – Recipe category (Ice Cream, Gelato, Sorbet, etc.)

These stats update automatically when you edit the recipe.

Action Icons (Top-Right)

Four icon buttons in the top-right corner provide quick access to sharing and management features:

  • Share (green icon) – Share recipe with the community (public sharing)
  • Link (blue icon) – Generate a private share link
  • Print (gray icon) – Print the recipe card
  • Delete (red icon) – Delete the recipe (requires confirmation)

Mobile Note: On mobile devices, these icons appear below the title section for easier access.

Action Cards

Three large action cards provide quick access to the most common recipe operations. Each card shows an icon, title, description, and arrow indicating it’s clickable.

Edit Recipe Card (Blue)

Purpose: Opens the Recipe Editor for detailed editing

What it does:

  • Takes you to the Recipe Editor page
  • Loads the recipe with all editing tools available
  • Creates a temporary copy for safe editing

When to use: Any time you need to modify ingredients, adjust weights, balance the recipe, or make any changes to the recipe formulation.

Start Production Card (Green)

Purpose: Opens production mode with ingredient checklist

What it does:

  • Takes you to the Produce page
  • Shows all ingredients with checkboxes
  • Allows batch scaling (1x, 2x, 3x, etc.)
  • Logs production when you mark as complete

When to use: When you’re ready to make the recipe and want to track ingredient usage or log production.

Learn More: See the Production System Guide for detailed information about production tracking and logging.

Print Labels Card (Gray)

Purpose: Print container labels for storage

What it does:

  • Opens the label printing page
  • Creates printable labels with recipe name
  • Useful for labeling containers in storage

When to use: When you need to print labels for freezer storage containers.

Mobile Layout: On mobile devices, the action cards stack vertically with “Start Production” appearing first for easier access during production.

Recipe Cards Section

The Recipe Cards section displays all available recipe cards for this recipe, including both recipe-specific cards and global template cards.

What Are Recipe Cards?

Recipe cards are customizable, printable, and shareable versions of your recipe. You can create multiple cards for different purposes:

  • Social media cards – With beautiful images and descriptions
  • Technical spec sheets – With calculated data and no fluff
  • Production cards – With ingredients and instructions
  • Nutrition labels – With detailed nutritional information

Card Types Displayed

You’ll see two types of cards in this section:

  • Recipe-Specific Cards (blue “Recipe” badge) – Cards created specifically for this recipe
  • Global Cards (green “Global” badge) – Reusable template cards that work with any recipe

Card Information

Each card tile shows:

  • Card Name – The title of the card
  • Type Badge – “Global” (green) or “Recipe” (blue)
  • Share Indicator – Share icon appears if card is publicly shared
  • Created Date – When the card was created
  • View Button – Click to view the card

Working with Recipe Cards

Viewing a Card:

  • Click anywhere on a card tile (or click the “View” button)
  • Opens the card in view mode
  • Shows the full formatted card

Managing Cards:

  • Click the “Manage Cards” button (top-right of section)
  • Opens the Card Manager page
  • Create new cards, edit existing cards, or delete cards

Empty State: If you haven’t created any cards yet, you’ll see a message with a button to create your first card.

Learn More: See the Recipe Cards Guide for complete information about creating, customizing, and sharing recipe cards.

Shared Card Indicators

Cards that have been publicly shared show a small green share icon next to their badge. This indicates the card has an active public share link that others can access.

Mobile Layout: On mobile devices, recipe cards display in a horizontal scrollable row for easier browsing.

Ingredients Preview

Desktop and Tablet Only

On larger screens (desktop and tablet), the Recipe View page displays a preview of the ingredient list in a simple table format.

What it shows:

  • Ingredient name
  • Weight (grams)
  • Percentage of total mix weight

Why it’s useful:

  • Quick reference without opening the editor
  • See ingredient proportions at a glance
  • Verify recipe structure

Mobile Note: This section is hidden on mobile devices to keep the page clean and focused on action cards. Use the “Edit Recipe” card to view ingredients on mobile.

Sharing Your Recipe

Community Sharing (Green Share Icon)

Purpose: Share your recipe publicly with the Ice Cream Calc community

How to use:

  1. Click the Share icon (green) in the header
  2. You’re taken to the Share Recipe page
  3. Fill in sharing details (title, description, images, etc.)
  4. Click “Share Recipe”
  5. Your recipe appears in the Explore page for others to discover

What gets shared:

  • Recipe name, category, and tags (from recipe properties)
  • Description and images you add during sharing
  • Complete ingredient list and calculated data
  • Your username as the creator

Benefits:

  • Share your creations with the community
  • Get feedback and ratings from other users
  • Build your reputation as a recipe creator
  • Help others learn ice cream making

Private Link Sharing (Blue Link Icon)

Purpose: Generate a secure private link to share with specific people

How to use:

  1. Click the Link icon (blue) in the header
  2. Share Link dialog appears
  3. Click “Copy Link” to copy the unique URL
  4. Share the link via email, messaging, or any channel

What recipients see:

  • Clean recipe view without app navigation
  • Complete ingredient list and data
  • “Made with Ice Cream Calc” badge
  • View count tracking

Benefits:

  • Share privately without publishing to community
  • No recipient account required
  • Secure unique URLs
  • Track how many times link is viewed

Note: Private links remain private – they don’t appear in the Explore page or search results.

Printing the Recipe

Print Icon (Gray)

Purpose: Print a formatted recipe card

How to use:

  1. Click the Print icon (gray) in the header
  2. A dialog appears showing available recipe cards:
    • Default Print – Quick basic card (auto-generated)
    • Your recipe-specific cards
    • Your global template cards
  3. Click a card to print it
  4. Browser print dialog opens
  5. Configure printer settings and print

Print Optimization:

  • Cards are optimized for standard paper sizes
  • Clean white background
  • No navigation elements or buttons
  • High-quality rendering

Tip: Create different recipe cards for different printing purposes (quick reference, detailed instructions, technical specs, etc.).

Deleting a Recipe

Delete Icon (Red)

Purpose: Permanently remove the recipe

How to use:

  1. Click the Delete icon (red) in the header
  2. Confirmation dialog appears warning that this action cannot be undone
  3. Type the recipe name to confirm (safety measure)
  4. Click “Delete Recipe”
  5. Recipe and all associated data are permanently removed

What gets deleted:

  • The recipe itself
  • All recipe-specific cards
  • Temporary recipe copy (if editing)
  • Production logs for this recipe
  • Share links for this recipe

⚠️ Warning: This action is permanent and cannot be undone. Make sure you really want to delete the recipe before confirming.

Tip: If you’re unsure, consider using “Save As” in the Recipe Editor to create a backup copy before deleting.

Navigation Tips

Getting to Recipe View

There are several ways to access the Recipe View page:

  • From Recipes List: Click any recipe name
  • From Recipe Editor: Click the “View” button
  • From URL: Navigate to /recipe/{id}/view

Quick Actions

  • Need to edit? Click “Edit Recipe” card → Recipe Editor
  • Ready to produce? Click “Start Production” card → Produce page
  • Want to share? Click Share or Link icon → Sharing options
  • Need a card? Click “Manage Cards” button → Card Manager

Back Navigation

A “Back” button appears at the top of the page. Where it takes you depends on how you arrived:

  • From Recipes list: Back to Recipes
  • From Home: Back to Home
  • From Editor: Back to Editor

Common Workflows

Quick Recipe Review

  1. Open Recipe View page
  2. Check quick stats (weight, ingredient count)
  3. Scan ingredients preview (desktop/tablet)
  4. Done – no editing needed

Print a Recipe Card

  1. Open Recipe View page
  2. Click Print icon
  3. Select card to print
  4. Configure printer settings
  5. Print

Start Production

  1. Open Recipe View page
  2. Click “Start Production” card
  3. Scale batch if needed (1x, 2x, etc.)
  4. Check off ingredients as you add them
  5. Click “Mark as Produced”

Share with a Friend

  1. Open Recipe View page
  2. Click Link icon (blue)
  3. Click “Copy Link”
  4. Send link via email/message

Tips and Best Practices

Use Recipe View as Your Recipe Hub

  • Bookmark Recipe View pages for frequently-used recipes
  • Start production directly from Recipe View (faster than navigating through editor)
  • Use Recipe View to show recipes to others (cleaner than editor)

Organize with Recipe Cards

  • Create multiple cards for different purposes (social, production, technical)
  • Use global cards for consistent formatting across all recipes
  • Share specific cards rather than the full recipe for targeted audiences

Quick Access on Mobile

  • Add Recipe View page to home screen (works like an app)
  • “Start Production” card appears first on mobile for quick access
  • Swipe through recipe cards horizontally for quick browsing

Summary

The Recipe View page is your recipe’s dashboard – a clean, organized view that provides:

  • Quick Overview – Stats, title, description at a glance
  • Fast Actions – Edit, Produce, Print Labels with one click
  • Card Management – View and access all your recipe cards
  • Sharing Options – Community or private sharing
  • Mobile-Optimized – Works great on all devices

Remember:

  • Use Recipe View for overview and quick actions
  • Use Recipe Editor for detailed editing and balancing
  • Navigate between them easily with View/Edit buttons

Next Steps

Explore related topics:

Happy ice cream making! 🍦