← ClaudeAtlas

creating-wpf-flowdocumentlisted

Creates WPF FlowDocument for rich text display with Paragraph, Table, List elements. Use when building document viewers, rich text editors, or printable reports.
christian289/dotnet-with-claudecode · ★ 41 · Data & Documents · score 73
Install: claude install-skill christian289/dotnet-with-claudecode
# WPF FlowDocument Patterns Creating rich, paginated documents with flowing text content. **Advanced Patterns:** See [ADVANCED.md](ADVANCED.md) for programmatic creation, printing, and file I/O. ## 1. FlowDocument Overview ``` FlowDocument ├── Block Elements (Paragraph, Section, List, Table, BlockUIContainer) │ └── Inline Elements (Run, Bold, Italic, Hyperlink, InlineUIContainer) ├── Viewers │ ├── FlowDocumentScrollViewer (continuous scroll) │ ├── FlowDocumentPageViewer (page by page) │ └── FlowDocumentReader (multiple viewing modes) └── Features ├── Automatic pagination ├── Column layout ├── Figure/Floater positioning └── Print support ``` --- ## 2. Basic FlowDocument ### 2.1 Simple Document ```xml <FlowDocumentScrollViewer> <FlowDocument FontFamily="Segoe UI" FontSize="14"> <Paragraph FontSize="24" FontWeight="Bold"> Document Title </Paragraph> <Paragraph> This is a paragraph with <Bold>bold</Bold>, <Italic>italic</Italic>, and <Underline>underlined</Underline> text. </Paragraph> <Paragraph TextAlignment="Justify"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </Paragraph> </FlowDocument> </FlowDocumentScrollViewer> ``` ### 2.2 Document Properties ```xml <FlowDocument FontFamily="Georgia" FontSize="14" PageWidth="800" PageHeight="1100" PagePadding="50" ColumnWidth="350" ColumnGap="20"