New to SPFx - Custom field or action

%3CLINGO-SUB%20id%3D%22lingo-sub-84362%22%20slang%3D%22en-US%22%3ENew%20to%20SPFx%20-%20Custom%20field%20or%20action%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-84362%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI'm%20new%20to%20the%20whole%20Framework%20thing%2C%20and%20even%20what%20you'd%20class%20as%20a%20developer.%20I%20generally%20know%20enough%20to%20get%20by%2C%20or%20modify%20an%20existing%20solution%20for%20my%20needs%2C%20but%20I%20could%20do%20with%20some%20help%20here.%20Previously%2C%20I%20had%20a%20SharePoint%20list%20that%20used%20a%20calculated%20column%20to%20render%20a%20button%20that%20linked%20to%20a%20popup%20page.%20Nothing%20clever.%20Now%20Microsoft%20have%20kindly%20removed%20this%20functionality%20and%20the%20boss%20would%20like%20to%20make%20use%20of%20the%20filter%20pane%20with%20the%20Modern%20UI%2C%20so%20I'm%20looking%20to%20achieve%20the%20same%20sort%20of%20functionality.%20I'd%20like%20either%20a%20column%20that%20provides%20a%20button%20to%20a%20popup%20(the%20popup%20contains%20a%20list%20view%20of%20a%20different%20list%20with%20an%20ID%20in%20the%20Query%20String%20to%20filter%20out%20other%20items%20in%20the%20list%20that%20don't%20match%20that%20ID%2C%20a%20parent%2Fchild%20relationship%20between%20the%202%20lists)%20or%20I%20saw%20you%20can%20also%20implement%20a%20new%20command%20on%20the%20item%20context%20menu%2C%20something%20like%20this%2C%20to%20do%20the%20same.%20I%20understand%20this%20can%20be%20done%20through%20SPFx%20Extensions%2C%20but%20given%20I'm%20a%20fairly%20novicey%20developer%2C%20I%20could%20do%20with%20some%20help.%20I've%20got%20my%20development%20environment%20set%20up%20and%20successfully%20created%20a%20few%20of%20the%20projects%20in%20the%20walkthroughs%20provided%2C%20so%20understand%20workbench%2C%20gulp%20etc%2C%20just%20not%20sure%20how%20to%20go%20about%20implementing%20my%20requirement%2C%20most%20likely%20due%20to%20lack%20of%20understanding%20of%20how%20the%20various%20components%20are%20put%20together.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAny%20help%20you%20can%20give%2C%20or%20point%20me%20the%20right%20direction%20or%20a%20community%20that%20can%20do%2C%20would%20be%20appreciated.%3C%2FP%3E%3CP%3E%3CBR%20%2F%3EThanks%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-84399%22%20slang%3D%22en-US%22%3ERe%3A%20New%20to%20SPFx%20-%20Custom%20field%20or%20action%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-84399%22%20slang%3D%22en-US%22%3EThis%20is%20a%20good%20start%3A%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%2Ftree%2Fmaster%2Fsamples%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%2Ftree%2Fmaster%2Fsamples%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3EBut%20if%20you%20google%20for%20spfx%20samples%20you%20will%20find%20many%20more.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-84393%22%20slang%3D%22en-US%22%3ERe%3A%20New%20to%20SPFx%20-%20Custom%20field%20or%20action%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-84393%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F2387%22%20target%3D%22_blank%22%3E%40Pieter%20Veenstra%3C%2FA%3E%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWhere%20are%20the%20more%20useful%20examples%20located%20please%3F%3C%2FP%3E%3CP%3E%3CBR%20%2F%3EThanks%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-84389%22%20slang%3D%22en-US%22%3ERe%3A%20New%20to%20SPFx%20-%20Custom%20field%20or%20action%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-84389%22%20slang%3D%22en-US%22%3EHi%20Ryan%2C%20I%20recently%20went%20through%20the%20same%20and%20got%20familiar%20with%20SPFx%20quite%20quickly.%20Going%20through%20the%20hello%20world%20examples%20and%20then%20developing%20more%20useful%20SPFx%20examples%20took%20a%20bit%20of%20time%20but%20the%20examples%20really%20helped.%3C%2FLINGO-BODY%3E
Highlighted
Deleted
Not applicable

Hi,

 

I'm new to the whole Framework thing, and even what you'd class as a developer. I generally know enough to get by, or modify an existing solution for my needs, but I could do with some help here. Previously, I had a SharePoint list that used a calculated column to render a button that linked to a popup page. Nothing clever. Now Microsoft have kindly removed this functionality and the boss would like to make use of the filter pane with the Modern UI, so I'm looking to achieve the same sort of functionality. I'd like either a column that provides a button to a popup (the popup contains a list view of a different list with an ID in the Query String to filter out other items in the list that don't match that ID, a parent/child relationship between the 2 lists) or I saw you can also implement a new command on the item context menu, something like this, to do the same. I understand this can be done through SPFx Extensions, but given I'm a fairly novicey developer, I could do with some help. I've got my development environment set up and successfully created a few of the projects in the walkthroughs provided, so understand workbench, gulp etc, just not sure how to go about implementing my requirement, most likely due to lack of understanding of how the various components are put together.

 

Any help you can give, or point me the right direction or a community that can do, would be appreciated.


Thanks

3 Replies
Highlighted
Hi Ryan, I recently went through the same and got familiar with SPFx quite quickly. Going through the hello world examples and then developing more useful SPFx examples took a bit of time but the examples really helped.
Highlighted

Hi @Pieter Veenstra,

 

Where are the more useful examples located please?


Thanks

Highlighted
This is a good start: https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples

But if you google for spfx samples you will find many more.