Blazor Kanban Board - Work-In-Progress Validation
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Requested - 6 items Max: 8 | Approved - 6 items Min: 1 Max: 6 | Scheduled - 6 items Min: 1 Max: 4 | In Use - 6 items Max: 2 |
|---|
Baggage Supervisor Maria - 1 item | |||
[0]Requested No cards to display | [1]Approved Ground-Ops
BS
Baggage Loading CoordinationLoad 15 tons of baggage and cargo into cargo hold per weight/balance sheet. | [0]Scheduled No cards to display | [0]In Use No cards to display |
Captain Johnson - 4 items | |||
[0]Requested No cards to display | [1]Approved Flight-Ops
CJ
Flight Deck PreparationPre-flight checklist, system initialization, and navigation programming for morning departure. | [2]Scheduled Flight-Ops
CJ
Morning Departure - PushbackObtain ATC clearance and initiate pushback from gate at assigned departure time. Flight-Ops
CJ
Runway AlignmentFinal alignment confirmation on runway 8-Right. Obtain takeoff clearance from tower. | [1]In Use Flight-Complete
CJ
Morning Flight Airborne - Denver BoundAircraft airborne at 7:45 AM with 180 passengers. Flight time 2 hours to Denver. |
Catering Manager Pat - 1 item | |||
[1]Requested Services
CM
Catering and Galley PrepStock catering supplies and prepare galley for morning flight to Denver. | [0]Approved No cards to display | [0]Scheduled No cards to display | [0]In Use No cards to display |
Dispatcher Chris - 2 items | |||
[1]Requested Operations
DC
Passenger Loading DocumentationPrepare weight and balance documentation for 180 passengers and cargo. | [0]Approved No cards to display | [0]Scheduled No cards to display | [1]In Use Operations
DC
Morning Slot Documentation - LoggedFlight data, maintenance records, and passenger manifest archived in flight operations system. |
First Officer Lee - 1 item | |||
[0]Requested No cards to display | [0]Approved No cards to display | [1]Scheduled Flight-Ops
FO
Taxiway Routing - Safety CheckVerify taxiway routing with ground control. Confirm no traffic conflicts en route to runway. | [0]In Use No cards to display |
Flight Engineer Davis - 1 item | |||
[0]Requested No cards to display | [0]Approved No cards to display | [1]Scheduled Flight-Ops
FE
Systems Go/No-Go ReviewFinal systems check: engines, hydraulics, flight controls, avionics all systems green. | [0]In Use No cards to display |
Flight Service Manager Rita - 2 items | |||
[0]Requested No cards to display | [1]Approved Crew
FS
Cabin Crew Briefing - Morning RunBrief flight attendants on 2-hour flight, safety procedures, and passenger manifest. | [1]Scheduled Crew
FS
Passenger Safety BriefingFlight attendants complete mandatory safety briefing and demo before takeoff. | [0]In Use No cards to display |
Fuel Specialist Gene - 2 items | |||
[1]Requested Fueling
FS
Fuel System CheckVerify fuel system integrity and calculate fuel load for morning departure. | [0]Approved No cards to display | [0]Scheduled No cards to display | [1]In Use Fueling
FS
Aircraft Refueling - Turnaround ServiceAircraft refueled with 12,000 gallons for next assignment in afternoon slot. |
Gate Agent Susan - 2 items | |||
[0]Requested No cards to display | [1]Approved Passenger-Ops
GA
Passenger Boarding ProcessExecute orderly boarding of 180 passengers at Gate 42 for morning flight. | [0]Scheduled No cards to display | [1]In Use Passenger-Ops
GA
Passenger Disembarkation CompleteAll 180 passengers deplaned safely. Ground crew beginning turnaround service. |
Ground Service Lead Frank - 2 items | |||
[0]Requested No cards to display | [2]Approved Ground-Ops
GS
Aircraft Tug SchedulingCoordinate tug availability for 7:30 AM pushback at Gate 42 for morning departure. Ground-Ops
GS
Ground Equipment RemovalRemove jet bridge, catering truck, maintenance stands before morning departure. | [0]Scheduled No cards to display | [0]In Use No cards to display |
Hydraulics Tech Amy - 1 item | |||
[1]Requested Maintenance
HT
Landing Gear ServiceService and test landing gear system for aircraft departing in morning slot. | [0]Approved No cards to display | [0]Scheduled No cards to display | [0]In Use No cards to display |
Maintenance Chief Bob - 2 items | |||
[1]Requested Maintenance
MC
Morning Hold - Wings InspectionPerform comprehensive wing inspection and A-check before morning departure slot. | [0]Approved No cards to display | [0]Scheduled No cards to display | [1]In Use Maintenance
MC
Aircraft Return - Post Flight InspectionAircraft returned and safely parked. Post-flight inspection initiated at 10:15 AM. |
Operations Manager Tom - 3 items | |||
[1]Requested Operations
OM
Weather Briefing - Morning SlotObtain weather brief for morning flight routing. Check NOTAMs and alternates. | [0]Approved No cards to display | [1]Scheduled Operations
OM
Weather Check - FinalLast-minute weather verification for Denver destination and alternate airports. | [1]In Use Flight-Complete
OM
Morning Runway Slot - CompletedRunway slot 7:30-8:00 AM successfully executed. Gate 42 ready for next aircraft. |
Properties
This sample demonstrates how to limit the minimum and maximum number of cards per column in the Blazor Kanban component by visualizing a Runway Slots. Use the property panel to choose the constraint type and configure related attributes such as minimum and maximum card counts.
Validate the number of cards at the column or swimlane level using the ConstraintType property:
- Column – Validates based on the total cards in a column (default).
- Swimlane – Validates based on cards within a specific column and swimlane.
Additional essential interactions that enhance analysis and control are also featured:
- WIP Validation: Enforce minimum and maximum card counts per column or per swimlane to balance workload.
- Swimlane: Group cards horizontally by assignee to apply WIP limits per team member.
- Columns: Group cards by workflow stage such as To Do, In Progress, Testing, and Done.
Key interactive features demonstrated in this sample include:
- Constraint Type: Switch the validation scope between Column and Swimlane using the dropdown in the property panel.
- Column Selection: Pick a column from the dropdown to set its minimum and maximum card limits.
- Min Count: Define the minimum number of cards that must be present in the selected column.
- Max Count: Define the maximum number of cards allowed in the selected column.
- Validation State: When limits are not met or are exceeded, the column renders a validation state for visual feedback.
Looking for the full Blazor Kanban component overview, features, pricing, and documentation? Visit the Blazor Kanban page.