Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added custom property pane controls tutorial #285

Merged

Conversation

waldekmastykarz
Copy link
Collaborator

Q A
content fix? no
New article? yes
Related issues? n/a

What's in this Pull Request?

Tutorial about building custom web part property pane controls

@msftclas
Copy link

Hi @waldekmastykarz, I'm your friendly neighborhood Microsoft Pull Request Bot (You can call me MSBOT). Thanks for your contribution!
You've already signed the contribution license agreement. Thanks!

The agreement was validated by Microsoft and real humans are currently evaluating your PR.

TTYL, MSBOT;

@chakkaradeep
Copy link
Contributor

@manishgarg1 can you please review the doc and let us know if any changes to be made? Thanks!


```ts
export interface IListItemsWebPartProps {
list: string;

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should this be listName for clarity?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sure thing, it would make its purpose clearer indeed.

Welcome to SharePoint!
</span>
<p className='ms-font-l ms-fontColor-white'>
Customize SharePoint experiences using Web Parts.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I am assuming that these strings are not localized on purpose. Though I would recommend that we make it a habit to localize these in every sample. That will set consistent patterns.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These are standard strings the way they are being provided by the template. From the tutorial point of view I think it would be good to avoid any changes unrelated to the tutorial to make it clear what's necessary to accomplish the given task versus what's a general good practice.

@davidchesnut
Copy link
Contributor

Hi @waldekmastykarz I'll be doing a voice edit pass on the article. Thanks!

@davidchesnut
Copy link
Contributor

@waldekmastykarz thanks for merging the edits! There's only a couple more comments at the top of the file to look at. Thanks!

@waldekmastykarz
Copy link
Collaborator Author

@davidchesnut you mean the comment from @manishgarg1 about changing list to listName or something else?

Copy link
Contributor

@davidchesnut davidchesnut left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@waldekmastykarz can you please review these two comments. Thanks!

@@ -0,0 +1,827 @@
# Build custom property pane controls
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could we call this "Build custom controls for the property pane"? I was thinking that for SEO purposes that developers might search for "custom control" attempting to find the info in this article. Would need to change this throughout the article.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sure thing. Good idea!


> **Note:** The SharePoint Framework is currently in preview and is subject to change. SharePoint Framework client-side web parts are not currently supported for use in production environments.

The SharePoint Framework offers you a number of standard controls to be used for configuring web part properties in the property pane. If your web part requires a specific user interface for its configuration, beyond what is available in the SharePoint Framework, you can build a custom property pane control and use it in your web part. Custom property pane controls allow you to provide your users with an intuitive and rich interface for configuring how the web part should work. In this article you will learn how to build a custom property pane control that is a custom dropdown control that loads its data asynchronously from an external service without blocking the user interface in the web part.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@waldekmastykarz A suggested change to tighten up the wording and intent of this introduction. I pasted the text below, and if you like this rewrite, or want to suggest changes I can add it. Basically I'm trying to use as few words as possible to show the scenarios about why a developer would want to read this article (the intent.)

The SharePoint Framework contains a set of standard controls for the property pane. But sometimes you need additional functionality beyond the basic controls. You might need asynchronous updates to the data on a control, or a specific user interface. Build a custom control for the property pane to get the functionality you need.

In this article you will learn how to build a custom control for the property pane. You will build a custom dropdown control that loads its data asynchronously from an external service without blocking the user interface of the web part.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sounds good! Let's take it :D

@waldekmastykarz
Copy link
Collaborator Author

Hi @davidchesnut, are there any other changes to the content from your side? If not, then I could gather the changes that we have so far and apply them so that we can merge the PR :)

@davidchesnut
Copy link
Contributor

@waldekmastykarz no more changes from my side. Please go ahead and apply the changes so far. Thanks!

@waldekmastykarz
Copy link
Collaborator Author

Excellent! Thank you @davidchesnut!

@VesaJuvonen VesaJuvonen merged commit e84de5b into SharePoint:staging Dec 14, 2016
@VesaJuvonen
Copy link
Contributor

thx @waldekmastykarz and @davidchesnut, getting this forward now.

@waldekmastykarz waldekmastykarz deleted the custom-property-pane-controls branch December 14, 2016 11:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants