How can I click column type "Picture" in SharePoint list to open other link not show a picture?

%3CLINGO-SUB%20id%3D%22lingo-sub-1376751%22%20slang%3D%22en-US%22%3EHow%20can%20I%20click%20column%20type%20%22Picture%22%20in%20SharePoint%20list%20to%20open%20other%20link%20not%20show%20a%20picture%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1376751%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20I%20have%20SharePoint%20List%20with%20column%20type%20%22picture%22%20when%20click%20this%20column%20it%20show%20a%20picture.%3C%2FP%3E%3CP%3E%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20I%20want%20to%20change%20to%20other%20link%20URL%20in%20case%20click%20on%20picture.%20Can%20I%20do%3F%3C%2FP%3E%3CP%3EThanks%20in%20advance.%3C%2FP%3E%3CP%3EAor.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1376751%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-1377978%22%20slang%3D%22en-US%22%3ERe%3A%20How%20can%20I%20click%20column%20type%20%22Picture%22%20in%20SharePoint%20list%20to%20open%20other%20link%20not%20show%20a%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1377978%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F512884%22%20target%3D%22_blank%22%3E%40AorMos%3C%2FA%3E%26nbsp%3Bthe%20default%20SharePoint%20behaviour%20is%20to%20open%20the%20picture%20in%20the%20list%20and%20you%20can't%20change%20that%20behaviour%3A%3C%2FP%3E%3CP%3E%3CBR%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%220-SP-default.png%22%20style%3D%22width%3A%20278px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F190446i2080DF7D135270FC%2Fimage-dimensions%2F278x272%3Fv%3D1.0%22%20width%3D%22278%22%20height%3D%22272%22%20title%3D%220-SP-default.png%22%20alt%3D%220-SP-default.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EBut%20if%20you%20create%20an%20app%20in%20Power%20Apps%20you%20can%20set%20it%20so%20that%20when%20you%20select%20the%20picture%20the%20link%20can%20go%20to%20anywhere.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIn%20this%20example%20I%20want%20to%20go%20to%20the%20Wikipedia%20page%20about%20the%20country%20when%20the%20flag%20is%20clicked.%20So%20I've%20started%20an%20app%20in%20Power%20Apps%20from%20my%20SharePoint%20data.%20That%20adds%20a%20gallery%20with%20the%20columns%20from%20the%20list.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ENext%2C%20I've%20added%20a%20couple%20of%20labels.%26nbsp%3B%3CSPAN%3EThe%20first%20label%2C%20%3CFONT%20color%3D%22%23008000%22%3ElblWiki%3C%2FFONT%3E%2C%20is%20to%20hold%20the%20main%20part%20of%20the%20Wikipedia%20address%20so%20the%20Text%20property%20of%20that%20label%20is%20set%20to%20%3CFONT%20color%3D%22%23333399%22%3E%22%3CA%20href%3D%22https%3A%2F%2Fen.wikipedia.org%2Fwiki%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fen.wikipedia.org%2Fwiki%2F%3C%2FA%3E%22%3C%2FFONT%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3EThe%20second%20label%2C%20%3CFONT%20color%3D%22%23008000%22%3ElblWiki2%3C%2FFONT%3E%20concatenates%20the%20first%20label%20with%20the%20label%20holding%20the%20name%20of%20the%20country%2C%20dataTitle%2C%20using%26nbsp%3B%3CFONT%20color%3D%22%23333399%22%3EConcatenate(lblWiki.Text%2C%20dataTitle.Text)%3C%2FFONT%3E.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3ENext%2C%20in%20the%20OnSelect%20property%20of%20the%20flag%20we%20enter%26nbsp%3B%3CFONT%20color%3D%22%23333399%22%3ELaunch(lblWiki2)%3C%2FFONT%3E%20to%20open%20the%20Wikipedia%20page.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20labels%20can%20have%20their%20Visible%20property%20set%20to%20off%20so%20you%20don't%20see%20them.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%221-PowerApps-Wikipedia.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%2F190444iD6C1DAF557627526%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%221-PowerApps-Wikipedia.png%22%20alt%3D%221-PowerApps-Wikipedia.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EThe%20result%20is%20like%20this.%20You%20can%20still%20edit%20the%20item%2C%20add%20new%20items%20and%20use%20the%20list%20as%20normal.%20Additionally%2C%20by%20using%20Power%20Apps%20you%20can%20embed%20the%20app%20in%20a%20SharePoint%20page%20on%20that%20site%20or%20any%20of%20your%20other%20sites.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3E%3CSPAN%3E%3CSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%222-PowerApps-Wikipedia.gif%22%20style%3D%22width%3A%20800px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F190445iCD82D9E21E483EED%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%222-PowerApps-Wikipedia.gif%22%20alt%3D%222-PowerApps-Wikipedia.gif%22%20%2F%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3E%3CSPAN%3E%3CSPAN%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%2FSPAN%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Occasional Contributor

Hi,

      I have SharePoint List with column type "picture" when click this column it show a picture.

      I want to change to other link URL in case click on picture. Can I do?

Thanks in advance.

Aor.

1 Reply
Highlighted

@AorMos the default SharePoint behaviour is to open the picture in the list and you can't change that behaviour:


0-SP-default.png

 

But if you create an app in Power Apps you can set it so that when you select the picture the link can go to anywhere.

 

In this example I want to go to the Wikipedia page about the country when the flag is clicked. So I've started an app in Power Apps from my SharePoint data. That adds a gallery with the columns from the list.

 

Next, I've added a couple of labels. The first label, lblWiki, is to hold the main part of the Wikipedia address so the Text property of that label is set to "https://en.wikipedia.org/wiki/"

The second label, lblWiki2 concatenates the first label with the label holding the name of the country, dataTitle, using Concatenate(lblWiki.Text, dataTitle.Text).

 

Next, in the OnSelect property of the flag we enter Launch(lblWiki2) to open the Wikipedia page.

 

The labels can have their Visible property set to off so you don't see them. 

 

1-PowerApps-Wikipedia.png

 

The result is like this. You can still edit the item, add new items and use the list as normal. Additionally, by using Power Apps you can embed the app in a SharePoint page on that site or any of your other sites.

 

2-PowerApps-Wikipedia.gif

 

Rob
Los Gallardos
Microsoft Power Automate Community Super User