SOLVED

Hyperlink column stopped displaying as Picture.

%3CLINGO-SUB%20id%3D%22lingo-sub-3381672%22%20slang%3D%22en-US%22%3EHyperlink%20column%20stopped%20displaying%20as%20Picture.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3381672%22%20slang%3D%22en-US%22%3E%3CP%3EThis%20has%20been%20working%20for%20a%20couple%20years%20and%20just%20stopped%20working%20today.%20I've%20confirmed%20that%20the%20option%20to%20Format%20URL%20is%20set%20to%20Picture.%20I've%20tried%20switching%20it%20to%20URL%20then%20back%20to%20Picture%20with%20no%20change.%20I've%20tried%20different%20web%20browsers.%20When%20I%20switch%20to%20Gallery%20view%2C%20the%20photos%20appear%20as%20they%20should.%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Screen%20Shot%202022-05-16%20at%2012.36.51%20PM.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F371956iA5A8B1A7D2A9582F%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22Screen%20Shot%202022-05-16%20at%2012.36.51%20PM.png%22%20alt%3D%22Screen%20Shot%202022-05-16%20at%2012.36.51%20PM.png%22%20%2F%3E%3C%2FSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Screen%20Shot%202022-05-16%20at%2012.37.07%20PM.png%22%20style%3D%22width%3A%20126px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F371955iDC32CFBE5192C22B%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22Screen%20Shot%202022-05-16%20at%2012.37.07%20PM.png%22%20alt%3D%22Screen%20Shot%202022-05-16%20at%2012.37.07%20PM.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-3381672%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ELists%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3402692%22%20slang%3D%22en-US%22%3ERe%3A%20Hyperlink%20column%20stopped%20displaying%20as%20Picture.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3402692%22%20slang%3D%22en-US%22%3EReally%3F%20No%20one%20can%20help%20with%20this%3F%3F%20Let's%20see%20how%20fast%20I%20get%20a%20response%20in%20reddit...%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3403488%22%20slang%3D%22en-US%22%3ERe%3A%20Hyperlink%20column%20stopped%20displaying%20as%20Picture.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3403488%22%20slang%3D%22en-US%22%3EHopefully%20you%20got%20an%20answer%20for%20this%20on%20reddit-%20I%20can't%20duplicate%20the%20issue.%20If%20I%20create%20a%20new%20list%2C%20you%20don't%20have%20the%20same%20options%20as%20there%20is%20an%20image%20field.%20I%20found%20a%20classic%20list%20that%20I%20created%20a%20few%20years%20ago%20that%20did%20have%20the%20option%20when%20I%20created%20a%20new%20hyperlink%20column%2C%20but%20it%20worked%20as%20expected%20with%20both%20an%20absolution%20and%20relative%20URL.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3404046%22%20slang%3D%22en-US%22%3ERe%3A%20Hyperlink%20column%20stopped%20displaying%20as%20Picture.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3404046%22%20slang%3D%22en-US%22%3E%3CP%3EHello%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F673283%22%20target%3D%22_blank%22%3E%40Anthony-123%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eyou%20can%20use%20an%20column%20formatting%20on%20the%20picture%20column%20so%20you%20can%20show%20your%20picture%20instead%20of%20the%20url.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ETry%20this%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CDIV%3E%3CDIV%3E%3CSPAN%3E%7B%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22%24schema%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3E%22%3CA%20href%3D%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fv2%2Fcolumn-formatting.schema.json%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fv2%2Fcolumn-formatting.schema.json%3C%2FA%3E%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22elmType%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3E%22a%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22attributes%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%7B%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22href%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3E%22%40currentField%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22target%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3E%22_blank%22%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%7D%2C%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22children%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%5B%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%7B%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22elmType%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3E%22img%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22style%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%7B%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22width%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3E%22150px%22%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%7D%2C%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22attributes%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%7B%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22src%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3E%22%40currentField%22%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%7D%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%7D%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%5D%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%7D%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%26nbsp%3B%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3ERegards%2C%20Dave%3C%2FSPAN%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-3405142%22%20slang%3D%22en-US%22%3ERe%3A%20Hyperlink%20column%20stopped%20displaying%20as%20Picture.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3405142%22%20slang%3D%22en-US%22%3EHoly%20Moly!%20You've%20fixed%20it%20David!%3CBR%20%2F%3ECan't%20thank%20you%20enough.%20This%20is%20one%20of%20the%20very%20few%20times%20I've%20gotten%20a%20helpful%20resolution%20on%20these%20forums%20%3A)%3C%2Fimg%3E%3CBR%20%2F%3EHave%20an%20easy%20Friday!!%3C%2FLINGO-BODY%3E
Contributor

This has been working for a couple years and just stopped working today. I've confirmed that the option to Format URL is set to Picture. I've tried switching it to URL then back to Picture with no change. I've tried different web browsers. When I switch to Gallery view, the photos appear as they should. 

Screen Shot 2022-05-16 at 12.36.51 PM.pngScreen Shot 2022-05-16 at 12.37.07 PM.png

4 Replies
Really? No one can help with this?? Let's see how fast I get a response in reddit...
Hopefully you got an answer for this on reddit- I can't duplicate the issue. If I create a new list, you don't have the same options as there is an image field. I found a classic list that I created a few years ago that did have the option when I created a new hyperlink column, but it worked as expected with both an absolution and relative URL.
best response confirmed by Anthony-123 (Contributor)
Solution

Hello @Anthony-123

 

you can use an column formatting on the picture column so you can show your picture instead of the url.

 

Try this:

 

{
"elmType": "a",
"attributes": {
"href": "@currentField",
"target": "_blank"
},
"children": [
{
"elmType": "img",
"style": {
"width": "150px"
},
"attributes": {
"src": "@currentField"
}
}
]
}
 
Regards, Dave
Holy Moly! You've fixed it David!
Can't thank you enough. This is one of the very few times I've gotten a helpful resolution on these forums :)
Have an easy Friday!!