12-16-2016 01:12 PM
12-16-2016 01:12 PM
I'm working on a smaple SPFX webpart that well let users edit some data in a sharepoint list. How can I reuse the controls used my Sharepoint Online. like the datepicker, the dropdown select, etc.
02-09-2017 08:14 AM
Did you ever find any answers on this? I'm namely looking for a peoplepicker control using the Office-UI-Fabric-React components but am not quite getting it to load anything.
02-09-2017 10:59 AM
the,only 'answer' i found is that they are thinking of open sourcing some of the code after they go live. it's kind of ridiculous that you,me, and everyone else, would need to implement their own peoplepicker.
we should start a uservoice on this after spfx gets released.
02-09-2017 11:38 PM
Are you specifically asking in the property pane or within the web part UX?
For property pane, we already have a series of controls in the road map. For web part UX, you can import the Fabric components and load your data based on your business logic in the web part.
That said, please submit your suggestion to the SPFx uservoice as well.
02-10-2017 06:43 AM
02-10-2017 06:47 AM
02-11-2017 01:56 PM
I think what we really need is some goidance on how to use the office-ui-fabric-react components in a way that is consistent with the way sharepoint uses them.
How do we add a time control to the date-picker?
How do we make a panel open when user selects an item in a Details list.
How do we add the ellipses to a DetailsList and make it open a context menu
How do we make a DetailsList display like the QuickEdit view(if thats what quickedit uses).
How do we populate a PeoplePicker from sharepoint.
I think a document (or a webcast) on how the SharePoint team uses Office Ui Fabric would be awesome!
02-17-2017 04:40 AM
I agree @Russell Gove. I was able to look at OlivierCC's PropertyField repository, and decipher what he's doing against the root webpart: OlivierCC's PeoplePicker Service but looking at leveraging the SPHttpClient of the Webpart root object in a component view of a React app project, is where I'm having some confusion, and guidence would be great. But that is also because this is the first time I'm using React too, and my Angular brain is probably trying to over-complicate it. :D
04-03-2017 12:52 AM