{"product_id":"event-frame-form-plus","title":"Event Frame Form+","description":"\u003c!-- START: Product Page for Event Frame Form+ --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- 1. HERO SECTION --\u003e\n\u003csection class=\"product-hero-section\"\u003e\n\u003cdiv class=\"product-hero-container\" style=\"text-align: center;\"\u003e\n\u003cimg class=\"product-hero-icon\" alt=\"Event Frame Form+ Product Icon\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/eventframeform-icon.png?v=1789651001\" style=\"margin-bottom: 32px; float: none;\"\u003e\n\u003cp class=\"product-subtitle-tag\"\u003ePI Vision Custom Symbol • Vision Library+\u003c\/p\u003e\n\u003ch1\u003eCapture Event Context Right in PI Vision with Event Frame Form+\u003c\/h1\u003e\n\u003cp class=\"product-description\"\u003eAn event frame without a reason, an action or a comment is only half the story. Event Frame Form+ turns your event frames into editable cards, so operators can review events, classify downtime and complete shift logs directly on the display. They don't need PI System Explorer, spreadsheets or a separate application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 2. FEATURES SECTION --\u003e\n\u003csection class=\"product-features-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2\u003eStructured Event Data Entry, Built for Operators\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-grid-three-col\"\u003e\n\u003cdiv class=\"features-column\"\u003e\n\u003ch3\u003eSmart, Type-Aware Forms\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAutomatic or Curated Fields:\u003c\/strong\u003e Discover event frame attributes automatically, or limit the form to an approved list with custom labels and state names.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eThe Right Control for Every Field:\u003c\/strong\u003e Text and multi-line text, number inputs and sliders, switches and checkboxes, drop-downs, button groups and date\/time pickers, chosen automatically from the AF data type.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eValidation Built In:\u003c\/strong\u003e Mark fields as required, apply AF or custom numeric limits, make fields read-only, and choose whether each value is written at the event's start or end time.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-column\"\u003e\n\u003ch3\u003eSafe, Operator-Friendly Editing\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSave \u0026amp; Revert per Card:\u003c\/strong\u003e Edited fields are outlined and an \"Unsaved\" badge appears until the card is saved. One click discards unwanted changes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNo Lost Work:\u003c\/strong\u003e The form warns before users navigate away with unsaved edits, and incoming filters wait until a card has been saved.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQuick Actions:\u003c\/strong\u003e Acknowledge events, copy or split an event frame, or open its full details, all from the card header. Only the actions you enable are shown.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-column\"\u003e\n\u003ch3\u003eClear, Flexible Card Layout\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eScannable Headers:\u003c\/strong\u003e Show the event name, severity, start and end time in every card header, with a severity-colored accent edge that highlights the events that matter.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDensity \u0026amp; Layout Control:\u003c\/strong\u003e Switch between comfortable and compact density, set the field column width, and decide whether cards start expanded.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFull Event Context:\u003c\/strong\u003e Add child events, comments and the last known value before an event started, and connect the form to other symbols through master and linked filters.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 3. USE CASES SECTION --\u003e\n\u003csection class=\"use-cases-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2\u003eTurn Events into Actionable Records\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-cases-grid\"\u003e\n\u003cdiv class=\"use-case-card\"\u003e\n\u003csvg fill=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon\"\u003e\u003cpath d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eDowntime Classification\u003c\/h3\u003e\n\u003cp\u003eLet operators assign reason codes, root causes and comments to open downtime events, so your downtime reports are complete and accurate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-case-card\"\u003e\n\u003csvg fill=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon\"\u003e\u003cpath d=\"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eDigital Shift Logs\u003c\/h3\u003e\n\u003cp\u003eReplace paper logbooks. Operators record the shift, status, actions taken and their name directly on event frames that are stored in AF.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-case-card\"\u003e\n\u003csvg fill=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon\"\u003e\u003cpath d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eAlarm \u0026amp; Excursion Review\u003c\/h3\u003e\n\u003cp\u003eWork through limit excursions one by one: acknowledge each event, document the cause and record the corrective action.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-case-card\"\u003e\n\u003csvg fill=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon\"\u003e\u003cpath d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eBatch \u0026amp; Quality Records\u003c\/h3\u003e\n\u003cp\u003eComplete batch or quality event frames with sample results, approvals and required fields, so every record is complete before it is saved.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 4. SCREENSHOTS SECTION --\u003e\n\u003csection class=\"screenshots-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2\u003eReview, Edit and Save in Seconds\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"screenshots-grid\"\u003e\n\u003cdiv class=\"screenshot-card\" style=\"text-align: start;\"\u003e\n\u003cimg alt=\"Event Frame Form+ in PI Vision showing one expanded event card above collapsed cards with severity badges.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/pi-vision-event-frame-form_1.png?v=1789651002\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003cdiv class=\"screenshot-card-content\"\u003e\n\u003ch4\u003eA Card for Every Event\u003c\/h4\u003e\n\u003cp\u003eEvery event frame found by the search becomes a card with its name, severity, start and end time. Severity badges and colored edges highlight important events, and one click expands a card to edit it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"screenshot-card\" style=\"text-align: start;\"\u003e\n\u003cimg alt=\"Several expanded Event Frame Form+ cards with text inputs, drop-downs, button groups, date\/time fields and Save and Revert buttons.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/pi-vision-event-frame-form_2.png?v=1789651002\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003cdiv class=\"screenshot-card-content\"\u003e\n\u003ch4\u003eControls Matched to Your AF Data\u003c\/h4\u003e\n\u003cp\u003eText boxes, drop-downs, button groups for status and shift, and date\/time pickers are chosen automatically from each attribute's type. Save or revert each card independently.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  \/* --- GENERAL SECTION STYLES --- *\/\n  .section-header {\n    display: flex; flex-direction: column; align-items: center; text-align: center;\n    max-width: 800px; margin: 0 auto 3.5rem auto;\n  }\n  .section-header h2 {\n    color: #111; margin-bottom: 1rem; font-size: 1.8rem;\n  }\n  .section-header p {\n    color: #333; line-height: 1.7; font-size: 1rem;\n  }\n  .feature-list {\n    list-style: none; padding: 0; margin: 0;\n  }\n  .feature-list li {\n    position: relative; padding-left: 30px; margin-bottom: 1.25rem;\n    line-height: 1.6; color: #333;\n  }\n  .feature-list li::before {\n    content: '✔'; position: absolute; left: 0; top: 2px;\n    color: #3F72E5; font-size: 1.2rem;\n  }\n  .feature-list li strong {\n    color: #111; font-weight: 600;\n  }\n\n  \/* --- 1. HERO SECTION --- *\/\n  .product-hero-section {\n    padding: 5rem 1rem; text-align: center;\n  }\n  .product-hero-container {\n      max-width: 700px; margin: 0 auto;\n  }\n  .product-hero-icon {\n      width: 80px; height: auto; margin-bottom: 2rem;\n  }\n  .product-subtitle-tag {\n    color: #3F72E5; font-weight: 600; font-size: 0.9rem; margin-bottom: 0.5rem; text-transform: uppercase; letter-spacing: 0.5px;\n  }\n  h1 {\n    font-size: 2.5rem; margin-bottom: 1.5rem;\n  }\n  .product-description {\n    line-height: 1.7; font-size: 1.1rem; color: #333;\n  }\n\n  \/* --- 2. FEATURES SECTION --- *\/\n  .product-features-section {\n    padding: 4rem 1rem; background-color: #f9fafb;\n  }\n  .features-grid-three-col {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2.5rem;\n    max-width: 1200px; margin: 0 auto;\n  }\n  .features-column h3 {\n    font-size: 1.3rem; margin-bottom: 1.5rem; color: #111;\n  }\n\n  \/* --- 3. USE CASES SECTION --- *\/\n  .use-cases-section {\n    padding: 4rem 1rem;\n  }\n  .use-cases-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 2rem;\n    max-width: 1200px; margin: 0 auto;\n  }\n  .use-case-card {\n    background: white; border-radius: 20px; padding: 2rem; text-align: center;\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);\n  }\n  .use-case-card .icon {\n    width: 40px; height: 40px; color: #3F72E5; margin-bottom: 1rem;\n  }\n  .use-case-card h3 {\n    font-size: 1.2rem; color: #111; margin-bottom: 0.5rem;\n  }\n  .use-case-card p {\n    color: #333; font-size: 0.9rem; line-height: 1.6;\n  }\n\n  \/* --- 4. SCREENSHOTS SECTION --- *\/\n  .screenshots-section {\n    padding: 4rem 1rem; background-color: #f9fafb;\n  }\n  .screenshots-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr); \/* Changed to 2 columns *\/\n    gap: 2rem;\n    max-width: 1200px; margin: 0 auto;\n  }\n  .screenshot-card {\n    background: white; border-radius: 20px;\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);\n    overflow: hidden;\n  }\n  .screenshot-card img {\n    width: 100%; height: auto; display: block; background-color: #f9fafb;\n  }\n  .screenshot-card-content {\n    padding: 1.5rem;\n  }\n  .screenshot-card-content h4 {\n    font-size: 1.2rem; margin: 0 0 0.5rem 0; color: #111;\n  }\n  .screenshot-card-content p {\n    font-size: 0.95rem; line-height: 1.6; color: #333; margin: 0;\n  }\n\n  \/* --- RESPONSIVE STYLES --- *\/\n  @media (max-width: 900px) {\n    .features-container {\n      grid-template-columns: 1fr;\n    }\n    .screenshots-grid {\n      grid-template-columns: 1fr; \/* Reverts back to 1 column on smaller mobile screens *\/\n    }\n  }\n\u003c\/style\u003e\n\u003c!-- END: Product Page --\u003e","brand":"Software Athlete","offers":[{"title":"Default Title","offer_id":57399114039622,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/eventframeform-icon.png?v=1789651001","url":"https:\/\/www.software-athlete.com\/products\/event-frame-form-plus","provider":"Software Athlete","version":"1.0","type":"link"}