Custom Search Web-Part

%3CLINGO-SUB%20id%3D%22lingo-sub-550798%22%20slang%3D%22en-US%22%3ECustom%20Search%20Web-Part%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-550798%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSPAN%3EHello!%3C%2FSPAN%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3EThe%20image%20below%20shows%20a%20%3CSTRONG%3Ecustom%20search%20web-part%3C%2FSTRONG%3E%20that%20I%20have%20come%20across%2C%20and%20I%20want%20to%20re-create%20this.%20Ideally%20the%20features%20are%3A%26nbsp%3B%3C%2FSPAN%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3C%2FP%3E%3CUL%3E%3CLI%3E%3CSTRONG%3EFlexible%20width%20(adjusts%20to%20web-part%20width)%26nbsp%3B%3C%2FSTRONG%3E%3C%2FLI%3E%3CLI%3E%3CSTRONG%3ESearches%26nbsp%3Bsite%20contents%20only%26nbsp%3B%3C%2FSTRONG%3E%3C%2FLI%3E%3C%2FUL%3E%3CP%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3EDoes%20anyone%20know%20if%20there%20is%20a%20'marketplace'%20for%20custom%20web%20parts%20like%20this%3F%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3EOr%20better%2C%20know%20how%20to%20build%20this%3F%26nbsp%3B%3C%2FSPAN%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20864px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F112662i2C66A530DF45C926%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22CustomSearch.PNG%22%20title%3D%22CustomSearch.PNG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-550798%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EResponsive%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-552789%22%20slang%3D%22en-US%22%3ERe%3A%20Custom%20Search%20Web-Part%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-552789%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F313026%22%20target%3D%22_blank%22%3E%40DanielaH%3C%2FA%3E%26nbsp%3BThere%20is!%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%3C%2FA%3E.%20Here%20is%20also%20a%20link%20to%20a%20post%20with%20an%20overview%20of%20a%20very%20cool%20modern%20search%20web%20part%3A%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdeveloper.microsoft.com%2Fen-us%2Fsharepoint%2Fblogs%2Fpnp-webcast-sharepoint-framework-modern-search-web-part%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdeveloper.microsoft.com%2Fen-us%2Fsharepoint%2Fblogs%2Fpnp-webcast-sharepoint-framework-modern-search-web-part%2F%3C%2FA%3E.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-556017%22%20slang%3D%22en-US%22%3ERe%3A%20Custom%20Search%20Web-Part%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-556017%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F149%22%20target%3D%22_blank%22%3E%40Susan%20Hanley%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20for%20your%20suggestions!%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20new%20to%20github%20-%20is%20it%20the%20'sample'%20section%20that%20I%20would%20be%20looking%20for%3F%26nbsp%3B%3C%2FP%3E%3CP%3EI'm%20somewhat%20new%20to%20working%20with%20the%20SP%20framework%2C%20so%20I%20look%20at%20github%20but%20do%20not%20necessarily%20know%20what%20to%20do%20with%20these%20samples%20or%20where%20to%20'install'%20them.%20*embarrassed*%3C%2FP%3E%3CP%3EWould%20you%20be%20able%20to%20help%20me%20with%20that%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F112847i39B71F1D507B6157%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Capture.PNG%22%20title%3D%22Capture.PNG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-556102%22%20slang%3D%22en-US%22%3ERe%3A%20Custom%20Search%20Web-Part%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-556102%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F313026%22%20target%3D%22_blank%22%3E%40DanielaH%3C%2FA%3E%26nbsp%3BYes%2C%20that's%20the%20place%20but%20no%2C%20I'm%20definitely%20not%20the%20right%20resource%20to%20help%20you%20beyond%20telling%20you%20where%20to%20look!%20You%20need%20a%20developer%20for%20that!%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F83%22%20target%3D%22_blank%22%3E%40Marc%20Anderson%3C%2FA%3E%3A%20can%20you%20help%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E
Contributor

Hello! 

The image below shows a custom search web-part that I have come across, and I want to re-create this. Ideally the features are:  

  • Flexible width (adjusts to web-part width) 
  • Searches site contents only 

 

Does anyone know if there is a 'marketplace' for custom web parts like this?

Or better, know how to build this?  

 

CustomSearch.PNG

3 Replies

@DanielaH There is! https://github.com/SharePoint/sp-dev-fx-webparts. Here is also a link to a post with an overview of a very cool modern search web part: 

https://developer.microsoft.com/en-us/sharepoint/blogs/pnp-webcast-sharepoint-framework-modern-searc....

 

Hi @Susan Hanley 

Thanks for your suggestions! 

I am new to github - is it the 'sample' section that I would be looking for? 

I'm somewhat new to working with the SP framework, so I look at github but do not necessarily know what to do with these samples or where to 'install' them. *embarrassed*

Would you be able to help me with that?

 

Capture.PNG

@DanielaH Yes, that's the place but no, I'm definitely not the right resource to help you beyond telling you where to look! You need a developer for that! @Marc Anderson: can you help?