Widget Layouts

Customize widget appearance and layouts

Configure widget appearance to match your website’s design.

Layout Options

Layout	Description
Grid	Card-based grid
List	Vertical list
Carousel	Sliding cards
Calendar	Month/week view
Compact	Minimal space

Style Customization

• Primary color
• Background color
• Font family
• Border radius
• Shadow effects

Responsive Settings

• Desktop layout
• Tablet layout
• Mobile layout
• Breakpoints

Features

Widget Layouts

Acceptance Criteria

Frontend

• UI supports the workflows described in this feature.

Backend / API

• Backend behavior supports this feature as documented.

Permissions

• Access is restricted per the Capabilities matrix on this page (or equivalent role rules).

Business Rules

• All business rules for this feature are enforced.

Error Handling

• Error states return clear messages and appropriate HTTP status codes.

Implementation Contracts

Backend (API)

GET    /api/widgets/{id}/styles              # Get style config
PUT    /api/widgets/{id}/styles              # Update styles
POST   /api/widgets/{id}/preview             # Generate preview