Skip to content

Add responsive size attributes to jsonConfig template#1164

Merged
Apollon77 merged 4 commits intomasterfrom
copilot/fix-1121
Sep 20, 2025
Merged

Add responsive size attributes to jsonConfig template#1164
Apollon77 merged 4 commits intomasterfrom
copilot/fix-1121

Conversation

Copy link
Contributor

Copilot AI commented Aug 31, 2025

This PR adds responsive size attributes to the jsonConfig.json template to follow current best practices for ioBroker admin UI layouts.

Changes Made

  • Update jsonConfig template to include responsive size attributes
  • Update test baselines to reflect the new structure
  • Add changelog entry for the change
  • Create migration guide with documentation link

The generateSetting function in templates/admin/jsonConfig.json.ts now 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.md with 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.

Co-authored-by: Apollon77 <11976694+Apollon77@users.noreply.github.com>
Copilot AI changed the title [WIP] add size attributes to template jsonConfig.json Add responsive size attributes to jsonConfig template Aug 31, 2025
Copilot AI requested a review from Apollon77 August 31, 2025 20:10
@Apollon77
Copy link
Collaborator

@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>
Copy link
Contributor Author

Copilot AI commented Aug 31, 2025

@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-opt...

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

Copilot AI requested a review from Apollon77 August 31, 2025 21:01
@Apollon77 Apollon77 marked this pull request as ready for review September 2, 2025 20:41
@Apollon77 Apollon77 enabled auto-merge (squash) September 20, 2025 12:28
@Apollon77 Apollon77 merged commit be5c42d into master Sep 20, 2025
8 checks passed
@Apollon77 Apollon77 deleted the copilot/fix-1121 branch September 20, 2025 12:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

add size attributes to template jsonConfig.json

2 participants