tasos
September 29, 2020, 12:11pm
1
What I miss from Strapi admin is a way to customise the edit page from a certain post. In specific, I can move around the fields, but most of them times, the width is preselected. So, if I have 3 fields that I want to put next to each other on the same row, I cannot do it, unless the system let me to do.
In a similar framework as Strapi, I could choose the length either by % of predefined class names. That would be nice
Hi @tasos
I agree, customizing the width would be nice, can you make a feature request on our GitHub and I can pass that up to our product and design team.
tasos
September 29, 2020, 1:50pm
3
1 Like
web-mi
March 31, 2021, 1:01am
4
There is already another discussion which mentioned the same feature:
The default layout for field in the detail view of the content manager is 2 columns.
Is there a way to make a field (e.g. Text Area) full width (span both columns)?
I didn’t find any setting for that neither on field nor on layout level.
Since Strapi seems to be using bootsrap the markup for the column is class=“col-6”. So we just have to change that to col-12 to make it work.
Is it already possible? If yes, how?
If not:
Is it already on the roadmap?
Is there any recommended workaround? I…
Solution PR:
strapi:master
← web-mi:resize-fields
opened 08:17PM - 30 Mar 21 UTC

<!--
Hello 👋 Thank you for submitting a pull request.
To help us merge your PR, make sure to follow the instructions below:
- Create or update the documentation. (Should be made against the documentation branch)
- Create or update the tests.
- Refer to the issue you are closing in the PR description - fix #issue
- Specify if the PR is in WIP (work in progress) state or ready to be merged
Please ensure you read through the Contributing Guide: https://github.com/strapi/strapi/blob/master/CONTRIBUTING.md
-->
### What does it do?
- Cleanup content-manager (DraggedField to flex without absolute positioning, duplicated css, Tooltip.js not used/working anymore)
- Added resize function to edit view fields except dynamiczones and components (minSize: 2, maxSize: 12)
### Why is it needed?
Using 50% of the remaining space for a single dropdown or radio button makes editing complicated because much space is wasted.
### How to test it?
Edit view of any component. A new button is shown at the end of the fields. By dragging the element the field could be resized to any size between 2/12 and 12/12. 2/12 instead of 1/12 because 1/12 is to small for description and buttons. Maybe someone has an idea how to handle too small elements.
### Related issue(s)/PR(s)
Issues: #8094, #8950
Strapi Community Discussion:
https://forum.strapi.io/t/change-width-of-fields-on-edit-page/181
https://forum.strapi.io/t/columns-in-content-manager-detail-view/1011/2
1 Like
Step 1: Copy strapi-plugin-content-manager
in node_modules
Step 2: Paste to <app_name>/extensions/strapi-plugin-content-manager
Step 3: Rename strapi-plugin-content-manager
to content-manager
Step 4: Renove all folder test
or __test__
Step 5: Change file: <app_name>/extensions/content-manager/admin/src/containers/EditSettingsView/utils/layout.js
=> Add type of custom field or change value default
Step 6:
Change file <app_name>/extensions/content-manager/services/utils/configuration/layouts.js
=> Add type of custom field or change value default (Same as step 5)
Step 7: Remove
.cache
&
build
folder
Step 8:
yarn develop --watch-admin
I use Strapi version 3.6.8
1 Like