Skip to content

Screenshot Inventory

This page tracks the screenshots currently used by the J2 Tags documentation.

FolderUse
src/assets/j2-tags-plugin/editor-tools/Shared editor UI such as Assignments, Quick Tags, Inspector, Tag Picker, context menus, Overlay, and Outliner.
src/assets/j2-tags-plugin/pro/Pro workflows such as Tag Manager, Diagnostics, TagSets, Usage Database, imports, redirects, and unresolved tags.
src/assets/j2-tags-plugin/behavior/Behavior System screenshots.
src/assets/j2-tags-plugin/reference/Reference-only screenshots such as plugin settings.
PageScreenshot
Assignments Paneleditor-tools/J2TagAssignmentsLite.png, editor-tools/J2TagAssignmentsPro.png
Assignments Panel Context Menuseditor-tools/AssignmentsTagContextMenu.png, editor-tools/AssignmentsObjectContextMenu.png
Tag Inspectoreditor-tools/J2TagInspectorPinnedLite.png
Tag Pickereditor-tools/TagPicker.png
Viewport Overlayeditor-tools/J2TagOverlayPro.png
World Outlinereditor-tools/J2TagsOutlinerColumn.png
Quick Tag Settingseditor-tools/J2QuickTagSettings.png
Plugin Settingsreference/J2TagSettingsPro.png
Tag Managerpro/J2TagManagerPro.png
Diagnosticspro/J2TagDiagnosticsPro.png
Behavior Overviewbehavior/J2TagBehaviorLibraryPro.png
TagSetspro/J2TagSetAssetPro.png
Usage Trackingpro/J2TagUsageDataBasePro.png
Import and Exportpro/ImportTags.png, pro/ReviewImport.png
Redirectspro/ResolveRedirects.png
Undefined Tagspro/ResolveTagsQuickTag.png, pro/ResolveTagsTagSet.png
Context Menus / Asset Tagseditor-tools/ContextMenu-J2Tags.png
  • Use Unreal Editor screenshots from the current plugin UI.
  • Prefer the Lite screenshot for Lite pages and the Pro screenshot for Pro pages.
  • Keep images readable at documentation width; add a second detail screenshot instead of over-cropping.
  • Add { thumbnail="true" } to screenshot references so users can open larger images when needed.
  • Do not rely on screenshots to explain core behavior; page text must stand on its own.
  • Use ASCII filenames for new documentation references.
  • Use :::tip[Quick summary] when the customer needs a quick orientation before reading details.
  • Use regular Markdown numbered lists for task flows unless a page is converted to MDX and imports Starlight’s Steps component.
  • Use Starlight’s Tabs and TabItem components in .mdx files when the same concept has clear variants, such as Lite vs Pro or Simple vs Full mode.
  • Use :::note for prerequisites or restrictions, :::tip for optional guidance, :::caution for cleanup or overwrite risks, and :::danger only for high-impact destructive behavior.
  • Use inline code for menu paths and bold text for buttons, menu items, and named UI controls.