How i can show 3 boxes beside each other inside a SharePoint modern page, where each box contain; Title, Text & Clickable button

Question

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

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

Thanks

Answer 1

@john john ,

Check as following:

1.Create a new Canvas app from blank in Power Apps, fill in the app name and select Tablet format:

2.Change the screen Fill and size you want:

3.Then insert Label and Button elements to your screen and fill them with text:

4.Change the RadiusBottomLeft/RadiusBottomRight/RadiusTopLeft/RadiusTopRight properties of Button to make it as rounded corners:

5.Specify the OnSelect property of Button to perform when the user taps or clicks a control.

6.Save it in Power Apps, in SharePoint, edit modern page and add a new section as three columns:

7.Add a Power Apps web part with App web link or ID, find it in Details panel of the specific power apps:

8.Duplicate the web part to other two sections, sample results are for your reference:

Note, this is just a sample without any data connection, If you need to put it into use, it is necessary to add data connections and button events.

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

---