OPF
CatalogsLayouts recordView source

Code

Show a code example or technical excerpt. Keep the excerpt focused and use the title or caption to explain its purpose.

Metadata

ID
code
Catalog
layouts
Source
catalog/layouts/code.json

Attributes

FieldValue
tagsVisuals
areas[ [ "title", "title" ], [ "code", "notes" ] ]
columns3, 2
rowsauto, 1
regions{ "code": { "accepts": [ "code" ], "role": "primary", "flow": "column" }, "notes": { "accepts": [ "text", "list" ], "role": "supporting", "flow": "column" } }
preview{ "vectorSrc": "https://www.pptx.gallery/layout-previews/code.svg" }

Source JSON

code.json
{
  "$schema": "https://openpresentation.org/schema/opf-layout/v2",
  "id": "code",
  "name": "Code",
  "summary": "Source code with the explanation beside it.",
  "tags": [
    "Visuals"
  ],
  "areas": [
    [
      "title",
      "title"
    ],
    [
      "code",
      "notes"
    ]
  ],
  "columns": [
    3,
    2
  ],
  "rows": [
    "auto",
    1
  ],
  "regions": {
    "code": {
      "accepts": [
        "code"
      ],
      "role": "primary",
      "flow": "column"
    },
    "notes": {
      "accepts": [
        "text",
        "list"
      ],
      "role": "supporting",
      "flow": "column"
    }
  },
  "description": "Show a code example or technical excerpt. Keep the excerpt focused and use the title or caption to explain its purpose.",
  "preview": {
    "vectorSrc": "https://www.pptx.gallery/layout-previews/code.svg"
  }
}