Skip to content

xaml.md

Latest commit

 

History

History
55 lines (49 loc) · 6.73 KB

xaml.md

File metadata and controls

55 lines (49 loc) · 6.73 KB
Raw

XAML (UI Markup)

UI layer reference for A2v10 — XML views compiled server-side to Vue.js. Page/Dialog roots, data and command binding, controls, layout containers, and text elements.

  • XAML Overview: How XAML views work — Page/Dialog roots, markup extensions, property syntax, element hierarchy
  • Bind & BindCmd: Data binding and command binding — Bind properties, DataType values, all CommandType values
  • Base Classes: Inherited properties on all elements — UIElementBase, UIElement, Inline, Control, ValuedControl, Container
  • Text Elements: Inlines that compose text — Text, Paragraph, Span, Hyperlink, Popover, Badge, TagLabel, SpanIcon, SpanSum, StaticImage, Html, Break, Line, and the TextColor values
  • Switch, Case and Else: Renders one of several blocks depending on a bound value

Controls

  • Button: Command button — Style, Icon, DropDown, ButtonStyle values
  • TextBox: Text input field — Multiline, Password, Number, UpdateTrigger, EnterCommand
  • DataGrid: Data table — ItemsSource, columns, sorting, row marking, DoubleClick, ContextMenu
  • DataGridColumn: Column definition — Content, Header, Width, Align, Editable, Command, Role
  • Table: Markup table — TableRow/TableCell/TableColumn, merging, row marking, grid lines
  • List: Selectable list of items — ListItem, ListStyle, marking, AutoSelect, EmptyPanel
  • ComboBox: Dropdown list — static items, bound list, DisplayProperty, ComboBoxItem
  • Selector: Search/lookup control — Delegate, SetDelegate, ItemsPanel, NewPane, server-side search
  • SelectorSimple: Shorthand selector configured by a single Url — fetch, browse dialog and DisplayProperty by convention
  • CheckBox: Boolean checkbox bound to model value
  • DatePicker: Date selector with calendar popup — View (Day/Month), Placement
  • PeriodPicker: Period selector bound to a TPeriod — Display, Placement, ShowAllData, Hyperlink style
  • Radio: Radio button — CheckedValue, a set bound to one value, CheckBox style
  • MenuItem: Menu entry — Content, Icon, Command, attached Separator
  • Pager: Page navigation driven by CollectionView — Source, TemplateText macros, PagerStyle
  • Static: Read-only display field styled like a disabled TextBox
  • ToolbarAligner: Invisible spacer that pushes following elements to the opposite edge — flex-grow for toolbars
  • Graphics: Drawing surface filled by a d3.js delegate — Delegate, Argument, Watch modes, attaching d3
  • Image: Data-bound image with upload — Base, Source, ReadOnly, Limit, Placeholder, blob procedures
  • FileImage: Data-bound image served by a files operation — Url, Value, Width, Height
  • UploadFile: File selection field with drag-and-drop — Url, Argument, Accept, Limit, Delegate, ErrorDelegate
  • PdfReportViewer: A Xaml report shown on the form itself — Url, Report, Argument, Height

Layouts

  • Page: Root element for standalone pages — Title, Toolbar, Taskpad, CollectionView, Pager
  • Dialog: Root element for modal dialogs — Size, Placement, Buttons, CanCloseDelegate
  • Grid: CSS-grid layout container — Columns, Rows, Gap, attached Grid.Col/Row/ColSpan/RowSpan
  • Toolbar: Horizontal action bar — Toolbar.Align for left/right groups, Separator
  • FieldSet: Labeled frame for grouping form controls — Title, Disabled
  • StackPanel: Single-axis container — Orientation, Gap, Separator for end-alignment
  • TabPanel: Tabbed content panel — Tab elements, Border, FullPage, dynamic tabs via ItemsSource
  • Repeater: Transparent repeating container — renders Content for each item in ItemsSource
  • Sheet: Spreadsheet-style report table — header/footer, sections, tree groups, cross columns, Excel export
  • Popup: Root element of a popup window loaded from the server — Width, MinWidth
  • Panel: Framed container with a header — PaneStyle colours, Collapsible, Icon, Hint
  • Block: Plain box — Height, Scroll, Border, MaxWidth, Relative for absolute children
  • Group: Invisible container — several elements where one is allowed, one condition for all of them
  • Taskpad: Side panel of a page or dialog — Title, Width, Collapsible, Overflow
  • CommandBar: Row commands whose visibility follows the parent row — Visibility, Float
  • DropDownMenu: Button dropdown and the DropDownMegaMenu variant — Direction, GroupBy, Columns
  • TabBar: Bar of TabButtons bound to one value — Value, ActiveValue, TabBarStyle
  • Partial, PartialBlock and Include: Embedding a view with its own model inside another page