Update docs for Placeholder with an example to hide it in read mode

[Jwaegebaert]

Category

• Enhancement
• Bug
• Question

Version

Please specify what version of the library you are using: Latest

Update

The feature request is a bit to verbose to implement within the control itself. To compensate, we will update the docs with an example how this can be achieved.

{
  this.displayMode === DisplayMode.Edit ?
  <Placeholder ...placeholderProps /> :
  <div />  
}

More info: #1295 (comment)

Question

Extending the control Placeholder with an extra option that would hide the control when the display mode of the page is in Read. This way users could use the control and configure it so the look and feel is similar like a default SP WebPart. For example: When you use the conversations WebPart from Yammer you get the following UI in edit mode.

But if you don't configure the WebPart and publish the page, the placeholder is hidden.

Implementation

This could be achieved by adding a new variable to the interface IPlaceholderProps that looks a bit like the following.

/**
 * Specify if you want to hide the placeholder when the page is in view mode
 */
hideViewMode?: boolean;

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[Jwaegebaert]

If everyone agrees that this could be a nice enhancement, then I can take it up. 😄

[github-actions]

Thank you for submitting your first issue to this project.

[joelfmrodrigues]

Hi @Jwaegebaert sorry for the late reply. Enhancements are always welcome 🙂
As you have volunteered to implement it, I will assign this item to you. Thanks!