Contact person: Blazor Dynamic Button Grid

Phone:Show

Email:Show

Location: Midwestern, United States

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"I need a Blazor server-side page that lays out an order row followed by five data columns.
Inside each column sits a 3 × 2 matrix of flat, text-only buttons whose captions are the integer values coming from my existing model. When a user taps any button, a small numeric keypad or inline number panel should appear, let the user overwrite the current value, then instantly update the button text and the bound model. Persisting to the database happens elsewhere, so your job stops at updating the in-memory object.

You will receive:
• the C# model that exposes the order number and the five grouped-item value collections
• a quick wireframe showing the exact 3 × 2 layout and placement of the order number

Deliverables:
1. A self-contained Razor component/page that renders the described grid and binds it to the supplied model.
2. Minimal, clean CSS giving the buttons a modern flat look; feel free to leverage Bootstrap utilities if that speeds things up.
3. A small, reusable numeric input panel (popup or inline) that is invoked on button click.
4. All code commented clearly enough that I can plug in my own data-persistence call later.

Acceptance criteria:
• Grid renders correctly for any order passed to it.
• Button text always matches the underlying int after each edit.
• No page reloads; edits are handled through Blazor event callbacks.
• Code builds and runs under .NET 7+ without additional setup.

If this sounds straightforward and you have solid Blazor component experience, I look forward to reviewing your approach." (client-provided description)