SOLVED

Customize page

%3CLINGO-SUB%20id%3D%22lingo-sub-1254162%22%20slang%3D%22en-US%22%3ECustomize%20page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1254162%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20all%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThis%20is%20my%20first%20message%20on%20this%20site.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20working%20on%20a%20new%20sharepoint%20page%2C%20and%20I%20would%20like%20to%20have%20something%20like%20this%20I%20created%20on%20a%20power%20point%3A%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%20image-alt%3D%22ppt1.PNG%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F179539iF6654C7E20ED76BE%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22ppt1.PNG%22%20alt%3D%22ppt1.PNG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAs%20seen%2C%20I%20have%20an%20image%20and%20below%20some%20tabs%20the%20should%20be%20linked%20with%20hyperlinks.%20I%20also%20did%20a%20grey%20background%20to%20have%20a%20better%20look%20and%20feel.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWhen%20I%20go%20to%20my%20sharepoint%2C%20the%20best%20or%20more%20similar%20thing%20i%20could%20get%20was%20this%3A%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%20image-alt%3D%22ppr2.PNG%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F179540iEF32520D0A115EF9%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22ppr2.PNG%22%20alt%3D%22ppr2.PNG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20had%20to%20use%20an%20image%2C%20and%20below%20add%20text.%20However%20I%20dont%20like%20the%20way%20it%20looks.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIs%20there%20any%20way%20to%20make%20it%20more%20like%20the%20first%20image%20I%20describe%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20all.a%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1254162%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1255941%22%20slang%3D%22en-US%22%3ERe%3A%20Customize%20page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1255941%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F595529%22%20target%3D%22_blank%22%3E%40diego9010%3C%2FA%3E%26nbsp%3B%20If%20the%20quick%20links%20web%20part%20doesn't%20give%20you%20what%20you%20want%20you%20could%20embed%20a%20very%20simple%20Microsoft%20Power%20Apps%20app.%20I%20just%20did%20one%20quickly%20and%20each%20link%20has%20a%20Launch(%22url%22)%20function%20in%20the%20On%20Select%20action%20to%20open%20the%20relevant%20page.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22attentionForum.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F179736iE747E4E58FA88B53%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22attentionForum.png%22%20alt%3D%22attentionForum.png%22%20%2F%3E%3C%2FSPAN%3E%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%23333399%22%3EMicrosoft%20Power%20Automate%20Community%20Super%20User%7C%3C%2FFONT%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1256721%22%20slang%3D%22en-US%22%3ERe%3A%20Customize%20page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1256721%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%40Rob%20Elliott%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWOW!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAmazing%20Rob%2C%20can%20you%20please%20tell%20me%20how%20to%20do%20that%3F%20Can%20you%20share%20the%20steps%20or%20code%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThat's%20what%20I%20want%20looks%20very%20good%20in%20that%20image%20using%20power%20apps.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks!!!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1256990%22%20slang%3D%22en-US%22%3ERe%3A%20Customize%20page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1256990%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%40Rob%20Elliott%3C%2FA%3EGreat%20idea%20..hadn't%20thought%20of%20that!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1259005%22%20slang%3D%22en-US%22%3ERe%3A%20Customize%20page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1259005%22%20slang%3D%22en-US%22%3E%3CP%3EIt%20looks%20like%20you%20are%20using%20a%20team%20site.%20Try%20a%20communication%20site%20instead%20and%20you%20will%20be%20able%20to%20create%20an%20experience%20that%20is%20exactly%20what%20you%20are%20looking%20for.%20Navigation%20will%20be%20at%20the%20top%20and%20you%20can%20use%20a%20mega%20menu%20to%20show%20a%20comprehensive%20story%20of%20helpful%20links%20for%20your%20users.%20If%20you%20really%20want%20a%20narrow%20banner%20at%20the%20top%20of%20the%20home%20page%2C%20create%20a%20site%20page%20and%20then%20use%20the%20%E2%80%9Cmake%20home%20page%E2%80%9D%20feature%20from%20the%20Site%20Pages%20library%20to%20make%20that%20page%20the%20home%20page.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1260691%22%20slang%3D%22en-US%22%3ERe%3A%20Customize%20page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1260691%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%2F38%22%20target%3D%22_blank%22%3E%40Susan%20Hanley%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20do%20have%20that%20one%20at%20the%20top%20(I%20think).%20Please%20take%20a%20look%3A%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22site.PNG%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F180111i4F5BB8BC31BB43BE%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22site.PNG%22%20alt%3D%22site.PNG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20looking%20to%20have%20exactly%20what%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F174092%22%20target%3D%22_blank%22%3E%40Rob%20Elliott%3C%2FA%3E%26nbsp%3Bdid%20with%20Power%20Apps.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20want%20to%20learn%20new%20ways%20to%20make%20sharepoints%20slightly%20different%20from%20the%20standard%20features.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERegards%20%3AD%3C%2Fimg%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1260960%22%20slang%3D%22en-US%22%3ERe%3A%20Customize%20page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1260960%22%20slang%3D%22en-US%22%3E%3CP%3ENo%2C%20you%20started%20with%20a%20team%20site%2C%20not%20a%20communication%20site.%20If%20the%20purpose%20of%20your%20site%20is%20to%20communicate%20information%2C%20not%20collaborate%2C%20you%20want%20a%20communication%20site%20and%20you%20can%20get%20your%20desired%20outcome%20without%20needing%20any%20other%20app.%20From%20the%20SharePoint%20start%20page%2C%20select%20New%20site%20and%20choose%20communication%20site.%20If%20you%20need%20collaboration%20workspaces%2C%20you%20will%20want%20team%20sites.%20%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1260940%22%20slang%3D%22en-US%22%3ERe%3A%20Customize%20page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1260940%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F595529%22%20target%3D%22_blank%22%3E%40diego9010%3C%2FA%3E%26nbsp%3Bit%20was%20quicker%20for%20me%20to%20record%20a%20short%20video%20rather%20than%20doing%20screenshots%2C%20so%20hopefully%20the%20attached%20will%20help%20you%20build%20this%20in%20less%20than%2010%20minutes.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22launchPA.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F180124iE045FFD6A9BF5038%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22launchPA.png%22%20alt%3D%22launchPA.png%22%20%2F%3E%3C%2FSPAN%3E%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%23333399%22%3EMicrosoft%20Power%20Automate%20Community%20Super%20User%3C%2FFONT%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
Occasional Contributor

Hi all

 

This is my first message on this site. 

 

I am working on a new sharepoint page, and I would like to have something like this I created on a power point:

 

ppt1.PNG

 

As seen, I have an image and below some tabs the should be linked with hyperlinks. I also did a grey background to have a better look and feel.

 

When I go to my sharepoint, the best or more similar thing i could get was this:

 

ppr2.PNG

 

I had to use an image, and below add text. However I dont like the way it looks.

 

Is there any way to make it more like the first image I describe?

 

Thanks all.a

13 Replies

@diego9010  If the quick links web part doesn't give you what you want you could embed a very simple Microsoft Power Apps app. I just did one quickly and each link has a Launch("url") function in the On Select action to open the relevant page.

 

attentionForum.png

 

Rob
Los Gallardos
Microsoft Power Automate Community Super User|

@RobElliott 

 

WOW!

 

Amazing Rob, can you please tell me how to do that? Can you share the steps or code?

 

That's what I want looks very good in that image using power apps.

 

Thanks!!!

@RobElliottGreat idea ..hadn't thought of that!

It looks like you are using a team site. Try a communication site instead and you will be able to create an experience that is exactly what you are looking for. Navigation will be at the top and you can use a mega menu to show a comprehensive story of helpful links for your users. If you really want a narrow banner at the top of the home page, create a site page and then use the “make home page” feature from the Site Pages library to make that page the home page. 

Hi @Susan Hanley 

 

I do have that one at the top (I think). Please take a look: 

site.PNG

 

I am looking to have exactly what @RobElliott did with Power Apps.

 

I want to learn new ways to make sharepoints slightly different from the standard features.

 

Regards :D 

 

 

best response confirmed by diego9010 (Occasional Contributor)
Solution

@diego9010 it was quicker for me to record a short video rather than doing screenshots, so hopefully the attached will help you build this in less than 10 minutes.

 

launchPA.png

 

Rob
Los Gallardos
Microsoft Power Automate Community Super User

No, you started with a team site, not a communication site. If the purpose of your site is to communicate information, not collaborate, you want a communication site and you can get your desired outcome without needing any other app. From the SharePoint start page, select New site and choose communication site. If you need collaboration workspaces, you will want team sites.  

Hi @RobElliott 

 

You solved my problem thanks a million. One final question, when I click on the button it opens a brand new tab. Is it possible to click and open the link on the same tab?

 

Thanks!

@diego9010 as I said at the end of the video, Microsoft have started working on the request to have an option where the launch function opens in the same tab but it's not delivered yet. https://powerusers.microsoft.com/t5/Power-Apps-Ideas/Launching-App-Web-Page-in-same-tab-page-of-brow...

 

Rob
Los Gallardos
Microsoft Power Automate Community Super User

Awesome :D 

 

Thanks @RobElliott 

Hi community

 

Any idea how to fix this when another person opens the sharepoint?

 

pApss.PNG

 

For me it works well, but for them an access is required.

 

Thanks.

@diego9010 you always have to share an app otherwise only you can see it. Go to the screen where the versions are (or alternatively click the 3 dots next to the app in your list of apps), click Share and then select either specific people or your whole organisation. Then click the Share button in the bottom right. If you are sharing with everyone in your organisation it's good practice to un-check the "Send an email invitation to new users" checkbox.

 

share.png

 

Rob
Los Gallardos
Microsoft Power Automate Community Super User

@RobElliott 

 

Thank you!!