How i can show 3 boxes beside each other inside a SharePoint modern page, where each box contain; Ti

%3CLINGO-SUB%20id%3D%22lingo-sub-2875145%22%20slang%3D%22en-US%22%3EHow%20i%20can%20show%203%20boxes%20beside%20each%20other%20inside%20a%20SharePoint%20modern%20page%2C%20where%20each%20box%20contain%3B%20Ti%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2875145%22%20slang%3D%22en-US%22%3E%3CDIV%20class%3D%22%22%3E%3CP%3EDo%20SharePoint%20online%20modern%20web%20parts%20provide%20any%20web%20part%20to%20build%20something%20as%20follow%3A-%3C%2FP%3E%3CDIV%20class%3D%22%22%3E%26nbsp%3B%3C%2FDIV%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22reg.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F319333i10B654C3E3510753%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22reg.png%22%20alt%3D%22reg.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ewhere%20we%20will%20have%203%20blue%20boxes%2C%20and%20inside%20each%20box%20we%20will%20have%20a%20Title%2C%20Text%20and%20clickable%20button%3F%3C%2FP%3E%3CP%3EThanks%3C%2FP%3E%3C%2FDIV%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2875145%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EApp%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2877358%22%20slang%3D%22en-US%22%3ERe%3A%20How%20i%20can%20show%203%20boxes%20beside%20each%20other%20inside%20a%20SharePoint%20modern%20page%2C%20where%20each%20box%20contain%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2877358%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F233354%22%20target%3D%22_blank%22%3E%40john%20john%3C%2FA%3E%26nbsp%3Byou%20could%20build%20the%203%20boxes%20as%20an%20App%20in%20Power%20Apps%20(or%20even%203%20apps%20you%20really%20wanted%20to)%2C%20then%20use%20the%20Power%20Apps%20web%20part%20to%20display%20them%20on%20the%20SharePoint%20page.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERob%3CBR%20%2F%3ELos%20Gallardos%3CBR%20%2F%3E%3CFONT%20size%3D%222%22%20color%3D%22%23006400%22%3EIntranet%2C%20SharePoint%20and%20Power%20Platform%20Manager%20(and%20classic%201967%20Morris%20Traveller%20driver)%3C%2FFONT%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2877814%22%20slang%3D%22en-US%22%3ERe%3A%20How%20i%20can%20show%203%20boxes%20beside%20each%20other%20inside%20a%20SharePoint%20modern%20page%2C%20where%20each%20box%20contain%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2877814%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F174092%22%20target%3D%22_blank%22%3E%40RobElliott%3C%2FA%3E%26nbsp%3B%20So%20you%20think%20using%20PowerApp%20is%20a%20better%20approach%20to%20follow%20compared%20to%20using%20SPFX%20%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESecond%20question%2C%20which%20components%20i%20need%20to%20use%20to%20build%20this%20power%20app%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E
Valued Contributor

Do SharePoint online modern web parts provide any web part to build something as follow:-

 

reg.png

 

where we will have 3 blue boxes, and inside each box we will have a Title, Text and clickable button?

Thanks

3 Replies

@john john you could build the 3 boxes as an App in Power Apps (or even 3 apps you really wanted to), then use the Power Apps web part to display them on the SharePoint page.

 

Rob
Los Gallardos
Intranet, SharePoint and Power Platform Manager (and classic 1967 Morris Traveller driver)

@RobElliott  So you think using PowerApp is a better approach to follow compared to using SPFX ?

 

Second question, which components i need to use to build this power app?

@john john,

There is no SharePoint out the box web part which provides the exact same design as your requirements.

 

But, you can use Call to action web part to achieve some what similar to your requirements. Check this thread for detailed steps: How i can show 3 boxes beside each other inside a SharePoint modern page, where each box contain; Ti... 

 

Also, if you want to customize a modern page with exact same design, you have to develop a custom SPFx web part >> It gives you more flexibility hence you can achieve the exact design by custom coding.

Few samples to show the capabilities of custom SPFx web parts:

  1. Tiles
  2. Tiles V2

Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.