Add responsive size attributes to jsonConfig template#1164
Conversation
Co-authored-by: Apollon77 <11976694+Apollon77@users.noreply.github.com>
|
@copilot Please add the needed changelog entry and also a migration file for this change. Please link to https://github.com/ioBroker/ioBroker.admin/blob/master/packages/jsonConfig/README.md#layout-options-xllgmdsmxs for details in the migration information |
Co-authored-by: Apollon77 <11976694+Apollon77@users.noreply.github.com>
Added changelog entry and migration file as requested. The migration guide includes detailed instructions for updating existing adapters and links to the official documentation at https://github.com/ioBroker/ioBroker.admin/blob/master/packages/jsonConfig/README.md#layout-options-xllgmdsmxs. Commit: f7dab0a |
This PR adds responsive size attributes to the jsonConfig.json template to follow current best practices for ioBroker admin UI layouts.
Changes Made
The
generateSettingfunction intemplates/admin/jsonConfig.json.tsnow includes Bootstrap-style responsive size attributes for all input types:{ "xs": 12, "sm": 12, "md": 6, "lg": 4, "xl": 4 }These attributes control how form fields are displayed across different screen sizes in the admin UI, providing better responsive design for adapter configuration interfaces.
Before
{ "type": "text", "label": "option1", "newLine": true }After
{ "type": "text", "label": "option1", "newLine": true, "xs": 12, "sm": 12, "md": 6, "lg": 4, "xl": 4 }The size attributes are applied consistently to both select and non-select input types. All existing tests continue to pass, and the baseline files have been updated to reflect the new structure.
A migration guide has been created at
docs/updates/20250831_jsonconfig_responsive_attributes.mdwith detailed instructions for updating existing adapters and a link to the official documentation.Fixes #1121.
💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.