sp-dev-docs
sp-dev-docs copied to clipboard
InlineEditing doesn't work in Board View - opens right side Form
Target SharePoint environment
SharePoint Online
What SharePoint development model, framework, SDK or API is this about?
Declarative list formatting
Developer environment
Windows
What browser(s) / client(s) have you tested
- [ ] 💥 Internet Explorer
- [X] 💥 Microsoft Edge
- [X] 💥 Google Chrome
- [X] 💥 FireFox
- [X] 💥 Safari
- [ ] mobile (iOS/iPadOS)
- [ ] mobile (Android)
- [ ] not applicable
- [ ] other (enter in the "Additional environment details" area below)
Additional environment details
- browser version
- SPFx version
- Node.js version
- etc
Describe the bug / error
I don't know if was a change of architecture/support but inlineEditField is not allow to be used in Views "Board" as show below.
Image steps:
Where inlineEditField stopped working and opens dialog Form.
Sample code:
{
"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/board-formatting.schema.json",
"hideSelection": false,
"formatter": {
"elmType": "div",
"attributes": {
"class": "sp-card-container sp-card-container-noPadding"
},
"children": [
{
"elmType": "div",
"attributes": {
"class": "ms-bgColor-white sp-css-borderColor-neutralLight sp-card-borderHighlight sp-card-subContainer sp-card-subContainer-borderRadius"
},
"children": [
{
"elmType": "div",
"children": [
{
"elmType": "p",
"attributes": {
"title": "[$Title]",
"class": "ms-fontColor-neutralPrimary sp-card-content sp-card-highlightedContent",
"role": "heading",
"aria-level": "3"
},
"inlineEditField": "[$Title]",
"txtContent": "=if ([$Title] == '', '–', [$Title])"
}
],
"attributes": {
"class": "sp-card-displayColumnContainer"
}
}
]
}
]
}
Steps to reproduce
- Create a Board View with Title field
- Add formatted provided by sample
- Click on Title to edit content
Expected behavior
Users should be able to edit fields with inlineEditField formatting as documented. https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/formatting-syntax-reference
Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.
@shagra-ms I would like to address you this issue regarding declarative JSON Microsoft List.
I don't know if was a change of architecture/support on inlineEditField using Board View.
Thanks for reporting this @aaclage. We have a confirmed repro of this with us. Will update when we have a fix for this rolling out.
@shagra-ms Thank you for your support and sorry for finding issues... :P
@shagra-ms Would like to relate this issue to #7927. Do you will like to have a sample code to reproduce?
I am experiencing the same issue. Additionally, if I use a setValue action embedded into a customCardProp then the card will no longer refresh in real-time to show the change made by the setValue action. For example, if I put a setValue action in a customCardProp to "Minimize Card" or "Maximize Card" when I push the setValue button, the item updates on the list but the card does not refresh in real time. I can only see the change (e.g. maximized card or minimized card) by refreshing the page, moving the card to a new column, or by right clicking on the card. Additionally, the "fly out menu" created by the customCardProp will no longer be available until the card is refreshed.