Change width of fields on Edit page

Discussions
#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 :slight_smile:

#2

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.

#3

Done Change width of fields on Edit page · Issue #8094 · strapi/strapi · GitHub

Also, submitted in the productboard

1 Like
#4

There is already another discussion which mentioned the same feature:

Solution PR:

1 Like
#5

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

Screen Shot 2021-10-05 at 20.58.18
Screen Shot 2021-10-05 at 20.58.18720×798 49.5 KB

Step 6: Change file <app_name>/extensions/content-manager/services/utils/configuration/layouts.js
Screen Shot 2021-10-05 at 21.03.54
Screen Shot 2021-10-05 at 21.03.54538×882 61 KB

=> 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