Forum Discussion
Sharepoint JSON Formatting - InlineEditField - Set Size
Hi All,
Is there any way to set the size of "inlineeditfield" controls in the Sharepoint JSON Column Formatter. Sometimes it is a bit smaller than I would like. My gut feel is no, but it doesn't hurt to ask. If not, why not and how do I request enhancements from Microsoft?
Thanks
James
Definitely not possible using the simple JSON like given above.
When you set the width to parent element it will be applied for whole column. You may be able to achieve it by creating multiple elmType and setting different width for them.
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.
You can set fixed width for JSON element like this:
{ "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json", "elmType": "div", "txtContent": "@currentField", "inlineEditField": "@currentField", "style": { "width": "100px" } }
When you don't mention the width, InlineEditField is auto adjusted based on your column width. You can change column width by following this: SharePoint Modern List - Increase column width with JSON Issue
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.
- JMD2000Copper ContributorThanks ganeshsanap - won't that set both the display field width AND the inline edit field width? I am asking whether it is possible to set only the width (and height in some cases) of the inline edit field, while keeping the display field a different width. I will experiment when back at in the office tomorrow.
Definitely not possible using the simple JSON like given above.
When you set the width to parent element it will be applied for whole column. You may be able to achieve it by creating multiple elmType and setting different width for them.
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.