Need some more implementation documentation with regards to FieldUserRenderer control about sp-dev-fx-controls-react HOT 9 CLOSED

@trillian74 can this issue be closed?

from sp-dev-fx-controls-react.

@AJIXuMuK is this something you can do?

@trillian74 what would you like to see being added to the documentation?

from sp-dev-fx-controls-react.

@estruyf, Yep, will be my pleasure.
@trillian74 please, let us know what additional information you'd like to see.

Currently we have few scenarios described on how to use Field Controls including FieldUserRenderer.

• if you go to Getting started page for Field controls you'll see example on how to use FieldRendererHelper that will automatically detect needed type of Field control based on Field Type.
• on FieldUserRenderer control page you can find the code that you can use to embed FieldUserRenderer into your Field Customizer.

Let us know if you need something more.

from sp-dev-fx-controls-react.

thanx
I'm wondering most upon the users={event.fieldValue} Normally i just have the siteuserid or login for the user i want to render. I see that it wants IPrincipal. I've tried building one, but no cigar on this control.

from sp-dev-fx-controls-react.

Let say how do i complete this within a listviewfields
private viewFields: Array<IViewField> = [ { name: "Id", displayName: "Id" }, { name: "AuthorId", displayName: "Author", render: ((d: any) => { sp.web.getUserById(d.AuthorId).get().then((user) => {....

i want to render out author as a user control with card?

from sp-dev-fx-controls-react.

@trillian74 what is the scenario where you're trying to use the control?
Basically, Field Controls are implemented to be used in FieldCustomizer extension where you actually have this event.fieldValue in onRenderCell handler.
But it looks like you have some custom "list view" control or something.

The IPrincipal interface looks like that:

/**
 * Represents a principal value as it is stored in People and Groups field
 */
export interface IPrincipal {
    id: string;
    email: string;
    department: string;
    jobTitle: string;
    sip: string;
    title: string;
    value: string;
    picture: string;
}

And it actually represents how the User or Group Field's value is passed to the FieldCustomizer.

You can import it like that:

import { IPrincipal } from "@pnp/spfx-controls-react/lib/FieldCommon";

If you want to use it outside FieldCustomizer you should create the IPrincipal object by yourself and provide at least values for id, email and title.

from sp-dev-fx-controls-react.

I have this ListView control (in a webpart) that has sp user column, which of course only have Ids like AuthorId etc.... In the ListView i want to render the column using the FieldUserRenderer control.

Is this possible using the ListView and Array with override render?

from sp-dev-fx-controls-react.

@trillian74
I didn't play around with ListView control and its render override.
From FieldUserRenderer point of you - yes, you can do that if you provide the IPrincipal info as I described above.

from sp-dev-fx-controls-react.

Thanx

from sp-dev-fx-controls-react.