[#42347] - [6.0] Subform Grid layout, an alternative for unresponsive Table layout
- Pending
- Medium
- Build: 5.1-dev
- # 42347
- Diff
- Fedik:subform-grid-layout
User tests: Successful: Unsuccessful:
Pull Request for Issue #29241.
Summary of Changes
Adds a new layout that rendering subforms fields in Grid (which partially mimic the table look).
Wich make it more responsive.
It is not 1:1 replacement for table, here is no headers and the labels is rendered within the input.
But in most cases should be good for such views.
Testing Instructions
Run npm install
Create subform field somewhere:
<field type="subform" name="subform1" label="subform1" multiple="true"
layout="joomla.form.field.subform.repeatable-grid">
<form>
<field type="text" name="text" label="Text"/>
<field type="text" name="text2" label="Text2"/>
<field type="text" name="text3" label="Text3"/>
</form>
</field>
<field type="subform" name="subform2" label="subform2" multiple="true" groupByFieldset="true"
layout="joomla.form.field.subform.repeatable-grid">
<form>
<fieldset name="set1" label="Set 1">
<field type="text" name="text" label="Text"/>
</fieldset>
<fieldset name="set2" label="Set 1">
<field type="text" name="text2" label="Text2"/>
<field type="text" name="text3" label="Text3"/>
</fieldset>
</form>
</field>And check that it looks good on small and normal screens.
Also try edit the Custom field options for List field in backend, with browser width around 1000-1200px
Actual result BEFORE applying this Pull Request
The options input for List field is cutted:
Expected result AFTER applying this Pull Request
Testing field works.
The options input for List field looks good:
Link to documentations
Please select:
- Documentation link for docs.joomla.org: https://docs.joomla.org/Subform_form_field_type
- No documentation changes for docs.joomla.org needed
- Pull Request link for manual.joomla.org: TBD
- No documentation changes for manual.joomla.org needed
Please write your opinions.
Do we need this, do we do it in this way or should be something else. Thanks!
| Status | New | ⇒ | Pending |
joomla-cms-bot
- | Category | ⇒ | Administration com_users Language & Strings Repository NPM Change Layout Front End Plugins |
| Labels |
Added:
?
Feature
Language Change
NPM Resource Changed
PR-5.1-dev
|
||
| Labels |
Added:
?
Removed: ? |
||
| Labels |
Added:
RFC
Removed: ? |
||
| Title |
|
||||||
| Title |
|
||||||
Quy
- | Labels |
Added:
PR-5.2-dev
Removed: RFC PR-5.1-dev |
||
This pull request has been automatically rebased to 5.3-dev.
| Title |
|
||||||
| Labels |
Added:
PR-5.3-dev
Removed: PR-5.2-dev |
||
| Labels |
Added:
PBF
|
||
I have tested this item ✅ successfully on 9de6e35
Tested with custom fields and works as expected. Just one more thing, had to use npm ci instead of npm install.
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/42347.
This pull request has been automatically rebased to 6.0-dev.
| Title |
|
||||||
@Fedik tested in an own component and really like it.
My subform in three variants after Patch: repeatable, repeatable-grid and repeatable-table