Blazor Kanban Board - Dialog Editing
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Scheduled - 6 items | Checked-In - 5 items | In Exam - 6 items | Discharged - 7 items |
|---|
[6]Scheduled APT-301
Normal Bella Annual Checkup Golden Retriever, 4 years old. Wellness exam and vaccine boosters.
APT-302
High Whiskers Dental Cleaning Domestic Shorthair, 7 years old. Full dental cleaning under anesthesia.
APT-309
Normal Buddy Wellness Exam Golden Retriever, 5 years old. Annual wellness exam with vaccine schedule.
APT-310
High Whiskers Spay Tabby cat, 8 months old. Spay surgery consultation and scheduling.
APT-311
High Charlie Heart Check Senior Cocker Spaniel, 11 years old. Cardiac evaluation and arthritis screening.
APT-312
Normal Mittens Eye Exam Persian cat, 6 years old. Eye pressure check and tear duct evaluation.
| [5]Checked-In APT-303
High Rex Skin Evaluation Labrador, 9 years old. Recurring hot spots, evaluating treatment plan.
APT-304
High Luna Spay Surgery Kitten, 6 months old. Pre-surgical bloodwork completed.
APT-313
High Max ACL Repair Labrador Retriever, 4 years old. TPLO surgery for cranial cruciate ligament.
APT-314
High Tigger Diabetes Follow-up Senior cat, 13 years old. Insulin adjustment and glucose curve monitoring.
APT-315
Normal Rocky Allergy Treatment Bulldog, 3 years old. Ongoing allergy immunotherapy weekly injections.
| [6]In Exam APT-305
Normal Cooper Post-Op Check Golden Retriever, recovering from TPLO surgery. Stitches removal.
APT-306
Normal Milo Bloodwork Follow-up Senior cat, 12 years old. Reviewing thyroid and kidney panel.
APT-316
Normal Mochi X-Ray Review Shiba Inu, 8 years old. Hip dysplasia X-ray interpretation and plan.
APT-317
High Bella Ultrasound Pregnancy ultrasound for scheduled c-section in 8-year-old Poodle.
APT-318
High Simba Biopsy Results Maine Coon, 10 years old. Tissue biopsy results and treatment planning.
APT-319
Normal Spike Teeth Cleaning Chihuahua, 7 years old. Dental cleaning with full-mouth radiographs.
| [7]Discharged APT-307
Low Daisy Vaccine Booster Beagle, 3 years old. Completed annual vaccine booster and heartworm test.
APT-308
Low Shadow Microchip Implant Rescue dog, 2 years old. Microchip implanted and registered.
APT-320
Low Buddy Wellness Complete Labrador mix, 6 years old. Annual vaccines, heartworm test, and wellness panel complete.
APT-321
Low Felix Neutered Tabby kitten, 5 months old. Neutering surgery completed without complications.
APT-322
Low Cooper Dental Done Beagle, 9 years old. Dental cleaning and two extractions completed.
APT-323
Low Whiskers Microchip Persian kitten, 4 months old. Microchip implanted and registered.
APT-324
Low Bella Spay Recovery Poodle, 2 years old. Spay surgery recovery completed and stitches removed.
|
Properties
This sample showcases CRUD (Create, Read, Update, Delete) operations in the Blazor Kanban component by visualizing a Veterinary appointments. Add a new card using the property panel button, and double-click a card to open its details in a dialog for reading, editing, or deleting.
The edit dialog is configured through KanbanDialogSettings. Double-click any card to open the dialog and perform updates or deletions.
Additional essential interactions that enhance analysis and control are also featured:
- Dialog Editing: Open a card in an editor dialog by double-clicking it to update or delete the record.
- Columns: Group cards by workflow stage such as To Do, In Progress, Testing, and Done.
- Add Card: Add a new card with default values using the property panel button.
Key interactive features demonstrated in this sample include:
- Add Card: Use the property panel button to add a new card with default status and metadata.
- Edit Card: Double-click any card to open the editor and modify its ID, status, assignee, priority, and summary.
- Delete Card: Remove a card directly from the editor dialog using the delete action.
- Status Update: Change a card status from the dialog and see it move to the correct column after save.
Looking for the full Blazor Kanban component overview, features, pricing, and documentation? Visit the Blazor Kanban page.