search

OlivierCC / spfx-40-fantastics

This package is a sample kit of Client Side Web Parts built on the SharePoint Framework SPFx. You can find here different kind of high visual web parts as carousel, images galleries, animations, map, editors, etc.
MIT License
412 stars 277 forks source link

Upgrading to sp-client-custom-fields new version #14

Open natelabo opened 7 years ago

natelabo commented 7 years ago

I'm not sure if this needs to be done or not. But I was updating to the latest sp-client-custom-fields.

I've added "key" to the fields array. But I don't believe it's being referenced by the function. My picker data comes up empty.

Do I also need to update the ...WebPartProps.ts file?

OlivierCC commented 7 years ago

Which kind of picker do you use from the sp-client-custom-fields? It's not mandatory to upgrade this lib, but in fact it's better with the latest version (1.3.3) because of update in Office UI Fabric in SharePoint Online. The only problem is that for the moment I didn't test the Fantastic 40 Web Parts with this version. I will do that as soon as possible. Be careful to use the 1.3.3 version of sp-client-custom-fields and not other (1.3.X), this version is very more stable. I will post here more info about this update on my test env soon. Thanks again @natelabo for your reports

natelabo commented 7 years ago

I also attempted to update the Office UI Fabric...

Here's an example of the code I updated...

NewsCarousel: PropertyFieldCustomList('items', { label: strings.Items, value: this.properties.items, headerText: strings.ManageItems, fields: [ {id: 'NewsCarouselTitle', title: 'Title', required: true, type: CustomListFieldType.string }, {id: 'NewsCarouselEnable', title: 'Enable', required: true, type: CustomListFieldType.boolean }, /*{ title: 'Start Date', required: false, type: CustomListFieldType.date }, { title: 'End Date', required: false, type: CustomListFieldType.date }, */ {id: 'NewsCarouselDescription', title: 'Description', required: false, hidden: true, type: CustomListFieldType.string }, {id: 'NewsCarouselPicture', title: 'Picture', required: true, hidden: true, type: CustomListFieldType.string }, {id: 'NewsCarouselURL', title: 'Link Url', required: true, hidden: true, type: CustomListFieldType.string } ],

When the picker is pulled up it looks like this the attached picture.

picker

Let me know how I can help. This package is amazing and I'm happy to help in any way I can... Thanks!

OlivierCC commented 7 years ago

Yes, the new 'id' is a big change with new version in the PropertyFieldCustomList custom field.

My advices to work fine with it:

You should try something like that:

PropertyFieldCustomList('items', { label: strings.Items, value: this.properties.items, headerText: strings.ManageItems, fields: [ {id: 'Title', title: 'Title', required: true, type: CustomListFieldType.string }, {id: 'Enable', title: 'Enable', required: true, type: CustomListFieldType.boolean }, {id: 'Description', title: 'Description', required: false, hidden: true, type: CustomListFieldType.string }, {id: 'Picture', title: 'Picture', required: true, hidden: true, type: CustomListFieldType.string }, {id: 'Link Url', title: 'Link Url', required: true, hidden: true, type: CustomListFieldType.string } ],

OlivierCC commented 7 years ago

Hi @natelabo, the new version 1.0.3.0 of these webparts includes the 1.3.3 version of the sp-client-custom-fields and is working fine. Let me know if you have still problem with this lib or if I can close this bug.

Thanks, regards,

Olivier