API/JSON directly to a custom list view with images, buttons, and text

This seems to be a hot topic. I wont create a tutorial, but here is a working example. I made this a while back to deal with consuming a news API for a couple of guys I was working with.

It’s super straight forward!

  1. Get your data from the api
  2. bind the first objects data, with your hidden ‘master’ card.
  3. clone that card into a visible column,
  4. repeat the process for the next object returned by the API

https://x.thunkable.com/copy/63d7cb6fca6cd6028b35020cd1a0127b

Thanks for the demo, @jared. This crashes for me (white screen). Is it working for you?

Maybe i posted an old liink? not sure. it is working for me

https://x.thunkable.com/copy/622aa95a9a6a5fb56333c72cf8c54a4b

here are the blocks just in case

And the Json response

{"status":"ok","totalResults":64415,"articles":[{"source":{"id":null,"name":"Lifehacker.com"},"author":"Sam Blum","title":"The Challenges Transgender Athletes Face Off the Field","description":"For the most part, there are no overarching rules or national legal precedents governing whether transgender athletes can compete across various sports in their true gender, as opposed to the one they were assigned at birth. (An exception is the National Coll…","url":"https://lifehacker.com/the-challenges-transgender-athletes-face-off-the-field-1845864184","urlToImage":"https://i.kinja-img.com/gawker-media/image/upload/c_fill,f_auto,fl_progressive,g_center,h_675,pg_1,q_80,w_1200/uazctrymqabv0dumvtzh.jpg","publishedAt":"2020-12-14T17:00:00Z","content":"For the most part, there are no overarching rules or national legal precedents governing whether transgender athletes can compete across various sports in their true gender, as opposed to the one the… [+5634 chars]"},{"source":{"id":null,"name":"Lifehacker.com"},"author":"Sam Blum","title":"How to Tell If a Sports Team Name Is Actually Racist","description":"The Washington Football Team used to be called the Washington Redskins. The now discarded mascot endured for nearly a century—from 1933 to earlier this year. The Redskins’ moniker finally met its demise, but it took decades of criticism and campaigning from I…","url":"https://lifehacker.com/how-to-tell-if-a-sports-team-name-is-actually-racist-1845888255","urlToImage":"https://i.kinja-img.com/gawker-media/image/upload/c_fill,f_auto,fl_progressive,g_center,h_675,pg_1,q_80,w_1200/xlhtizx19sgec17yidus.jpg","publishedAt":"2020-12-16T15:30:00Z","content":"The Washington Football Team used to be called the Washington Redskins. The now discarded mascot endured for nearly a centuryfrom 1933 to earlier this year. The Redskins moniker finally met its demis… [+4992 chars]"},{"source":{"id":null,"name":"Lifehacker.com"},"author":"Sam Blum","title":"How Did Breakdancing Become an Olympic Sport?","description":"The Olympics aren’t so much a monument to all sports across the globe as they are an evolving and arbitrary list of them. Rugby, for example, was featured prominently throughout the early 20th century but was discontinued in 1924, only to be reinstated for th…","url":"https://lifehacker.com/how-did-breakdancing-become-an-olympic-sport-1845833212","urlToImage":"https://i.kinja-img.com/gawker-media/image/upload/c_fill,f_auto,fl_progressive,g_center,h_675,pg_1,q_80,w_1200/dpxg5xscrubapsbxizql.jpg","publishedAt":"2020-12-08T19:45:00Z","content":"The Olympics arent so much a monument to all sports across the globe as they are an evolving and arbitrary list of them. Rugby, for example, was featured prominently throughout the early 20th century… [+5306 chars]"},{"source":{"id":null,"name":"New York Times"},"author":"Jenny Marder","title":"How Risky Are Indoor Sports This Winter?","description":"Parents are agonizing over whether to enroll their kids in organized indoor sports.","url":"https://www.nytimes.com/2020/11/17/parenting/covid-19-indoor-sports.html","urlToImage":"https://static01.nyt.com/images/2020/11/09/multimedia/09PAR-winter-indoor-sports/09PAR-winter-indoor-sports-facebookJumbo.jpg","publishedAt":"2020-11-19T22:55:30Z","content":"With exercise, youre exhaling a lot of moisture, and a single-layer mask of any type will soon get damp and saturate, Dr. Cameron said. At that point, its not trapping the virus anymore.\r\nBeware sing… [+1773 chars]"},{"source":{"id":"cnn","name":"CNN"},"author":"Opinion by Amy Bass","title":"The surreal world of sports in 2020","description":"This surreal year in sports in 2020 upended the narrative of what \"sticking to sports\" usually means, says Amy Bass. It's been a year when the void of sports perhaps rang the loudest, but sports also served as a crucible for Covid-19 response and economic fal…","url":"https://www.cnn.com/2020/12/10/opinions/2020-in-sports-coronavirus-black-lives-matter-bass/index.html","urlToImage":"https://cdn.cnn.com/cnnnext/dam/assets/201210145624-04-utah-royals-fc-players-kneel-0630-super-tease.jpg","publishedAt":"2020-12-10T22:19:43Z","content":"Amy Bass (@bassab1) is professor of sport studies at Manhattanville College and the author of \"One Goal: A Coach, a Team, and the Game That Brought a Divided Town Together\" and \"Not the Triumph but t… [+11590 chars]"},{"source":{"id":null,"name":"Gizmodo.com"},"author":"Catie Keck","title":"YouTube TV Is Losing Another Sports Channel Owned by Sinclair","description":"Well, it looks like YouTube TV is losing another sports channel.Read more...","url":"https://gizmodo.com/youtube-tv-is-losing-another-sports-channel-owned-by-si-1845784174","urlToImage":"https://i.kinja-img.com/gawker-media/image/upload/c_fill,f_auto,fl_progressive,g_center,h_675,pg_1,q_80,w_1200/pv5xg6il2ozdjcynas3w.jpg","publishedAt":"2020-12-01T19:10:00Z","content":"Well, it looks like YouTube TV is losing another sports channel.\r\nYouTubes live TV service for cord-cutters informed subscribers by email this week that they will no longer have access to the Tennis … [+1958 chars]"},{"source":{"id":null,"name":"New York Times"},"author":"Alan Blinder, Lauryn Higgins and Benjamin Guggenheim","title":"College Sports Has Reported at Least 6,629 Virus Cases","description":"The N.C.A.A. does not track coronavirus cases, but a New York Times analysis shows the pandemic’s toll across college athletics. Many universities have kept their case counts from the public.","url":"https://www.nytimes.com/2020/12/11/sports/coronavirus-college-sports-football.html","urlToImage":"https://static01.nyt.com/images/2020/12/11/sports/11virus-collegesports/11virus-collegesports-facebookJumbo.jpg","publishedAt":"2020-12-11T10:00:25Z","content":"But those schools were among the 13 that stopped releasing statistics about cases within their athletic programs. Indeed, some schools changed their approaches as the start of football season neared,… [+1621 chars]"},{"source":{"id":null,"name":"New York Times"},"author":"Kurt Streeter","title":"Virus Cases in College Sports Prove Athletes Are Workers","description":"They should be treated as such.","url":"https://www.nytimes.com/2020/12/12/sports/ncaafootball/coronavirus-college-sports-athlete-pay.html","urlToImage":"https://static01.nyt.com/images/2020/12/14/sports/14streeter-sot1/14streeter-sot1-facebookJumbo.jpg","publishedAt":"2020-12-12T16:30:07Z","content":"That has not been the case. Not even close.\r\nStill, dozens of other games will be played this weekend many in front of fans, which makes no sense during a pandemic.\r\nFootball, of course, is hardly al… [+1348 chars]"},{"source":{"id":null,"name":"New York Times"},"author":"Marc Stein","title":"Endeavor Expands N.B.A. Talent Reach With Stake in BDA Sports","description":"Bill Duffy, who founded BDA Sports Management more than two decades ago, represents rising basketball stars like the N.B.A.’s Luka Doncic and the W.N.B.A.’s Sabrina Ionescu.","url":"https://www.nytimes.com/2020/12/15/sports/basketball/wme-endeavor-bda-sports-bill-duffy.html","urlToImage":"https://static01.nyt.com/images/2020/12/15/sports/15nba-agencies-1/15nba-agencies-1-facebookJumbo.jpg","publishedAt":"2020-12-15T14:01:05Z","content":"Endeavor, the entertainment and sports conglomerate, expanded its sports representation business Tuesday by purchasing a stake in BDA Sports Management, the firm led by the influential N.B.A. agent B… [+1301 chars]"},{"source":{"id":"bbc-news","name":"BBC News"},"author":null,"title":"'Posh sports' row nonsense, says RFU boss Sweeney","description":"Rugby Football Union chief executive boss Bill Sweeney says it is \"nonsense\" to suggest the government prioritised \"posh sports\" in its £300m winter survival package.","url":"https://www.bbc.co.uk/sport/rugby-union/55021129","urlToImage":"https://ichef.bbci.co.uk/live-experience/cps/624/cpsprodpb/F85A/production/_115587536_gettyimages-1213939901.jpg","publishedAt":"2020-11-20T17:26:24Z","content":"The RFU bought its Twickenham headquarters in 1907\r\nRugby Football Union boss Bill Sweeney says it is \"nonsense\" to suggest the government prioritised \"posh sports\" in its £300m winter survival packa… [+4038 chars]"},{"source":{"id":null,"name":"New York Times"},"author":"Jill Cowan and Shawn Hubler","title":"How the U.C. Campuses Have Managed Covid-19","description":"Thursday: The University of California’s new president, Dr. Michael Drake, discusses testing and sports.","url":"https://www.nytimes.com/2020/12/03/us/uc-covid-plan.html","urlToImage":"https://static01.nyt.com/images/2020/12/03/us/03uccatoday/merlin_180539739_9a7814e3-3944-4bf8-a811-210fdb173e8c-facebookJumbo.jpg","publishedAt":"2020-12-03T14:00:52Z","content":"We asked Dr. Michael Drake, the new U.C. president, last week about the trend. What weve done, that seems to be working, is weve based our decisions on science, said Dr. Drake, who is also a physicia… [+2165 chars]"},{"source":{"id":null,"name":"New York Times"},"author":"David Waldstein and Michael S. Schmidt","title":"Cleveland’s Baseball Team Will Drop Its Indians Team Name","description":"The decision comes amid a wider push for sports teams to stop using Native American names and imagery as team names and mascots.","url":"https://www.nytimes.com/2020/12/13/sports/baseball/cleveland-indians-baseball-name-change.html","urlToImage":"https://static01.nyt.com/images/2020/12/13/sports/13mlb-cleveland-name-change-web-1/13mlb-cleveland-name-change-web-1-facebookJumbo.jpg","publishedAt":"2020-12-14T01:23:38Z","content":"For Cleveland, the process began when it announced it would retire its longtime mascot, Chief Wahoo, a cartoonish caricature that was seen as particularly offensive. Many applauded the decision, but … [+505 chars]"},{"source":{"id":null,"name":"New York Times"},"author":"Kevin Draper","title":"M.L.S. Layoffs Cut League’s Staff by 20 Percent","description":"A combination of layoffs and the elimination of open positions is the latest sign of the coronavirus pandemic’s punishing financial effect on sports.","url":"https://www.nytimes.com/2020/11/19/sports/soccer/mls-layoffs.html","urlToImage":"https://static01.nyt.com/images/2020/11/19/sports/19mls-layoffs01/19mls-layoffs01-facebookJumbo.jpg","publishedAt":"2020-11-20T00:33:33Z","content":"Major League Soccer reduced its work force by about 20 percent on Thursday through a combination of layoffs and the elimination of open positions, yet another sign of the punishing financial effect t… [+1150 chars]"},{"source":{"id":"bbc-news","name":"BBC News"},"author":null,"title":"UK sport set for government rescue package","description":"The government is set to confirm a rescue package of emergency funding for sports impacted by the absence of spectators.","url":"https://www.bbc.co.uk/sport/54994155","urlToImage":"https://ichef.bbci.co.uk/live-experience/cps/624/cpsprodpb/C747/production/_115551015_brighton_chelsea_getty2.jpg","publishedAt":"2020-11-18T17:36:48Z","content":"Harlequins played Bath in front of around 2,700 fans at The Stoop in September\r\nThe government is set to confirm a rescue package of emergency funding for sports impacted by the absence of spectators… [+2056 chars]"},{"source":{"id":"bbc-news","name":"BBC News"},"author":"https://www.facebook.com/bbcnews","title":"Obama and Jordan basketball vests sell for record sums","description":"Sports shirts worn by the former president and the Chicago Bulls star were auctioned in Los Angeles.","url":"https://www.bbc.co.uk/news/world-us-canada-55197745","urlToImage":"https://ichef.bbci.co.uk/news/1024/branded_news/15BE4/production/_115806098_basketball.jpg","publishedAt":"2020-12-05T04:44:46Z","content":"image captionSports shirts worn by Michael Jordan, Colin Kapaernick, Barack Obama and LeBron James sold for hundreds of thousands of dollars\r\nTwo basketball vests - one worn by the NBA superstar Mich… [+1861 chars]"},{"source":{"id":"bbc-news","name":"BBC News"},"author":null,"title":"Marcus Rashford: Special BBC award at Sports Personality show for Man Utd forward","description":"England and Manchester United forward Marcus Rashford will be given a special award at next month's BBC Sports Personality show.","url":"https://www.bbc.co.uk/sport/football/54968207","urlToImage":"https://ichef.bbci.co.uk/live-experience/cps/624/cpsprodpb/A496/production/_115643124_marcus_rashford.jpg","publishedAt":"2020-11-25T22:30:06Z","content":"England and Manchester United forward Marcus Rashford will be given a special award at next month's BBC Sports Personality show.\r\nThe BBC will also air a documentary on the 23-year-old's efforts to r… [+2759 chars]"},{"source":{"id":null,"name":"New York Times"},"author":"Ken Belson","title":"San Francisco 49ers Will Make Arizona Their Home in December","description":"Officials in Santa Clara County, Calif., where the team is based, had shut down contact sports at all levels amid a surge in coronavirus cases.","url":"https://www.nytimes.com/2020/11/30/sports/football/san-francisco-49ers-arizona-stadium.html","urlToImage":"https://static01.nyt.com/images/2020/11/30/sports/30virus-49ers-1/merlin_180071772_d81e8c78-d1db-4237-8bd9-72aa1fdc338a-facebookJumbo.jpg","publishedAt":"2020-11-30T22:01:22Z","content":"The San Francisco 49ers will play their next two home games in Glendale, Ariz., the team announced in a statement on Monday. The relocation came after health officials in Santa Clara County, Calif., … [+1235 chars]"},{"source":{"id":null,"name":"Gizmodo.com"},"author":"Bryan Menegus","title":"The Best Over-Ear Headphones for Working Out","description":"Not a lot of companies make over-ear headphones exclusively for working out, but plenty of people love them. So we put the finest in a competition to find the best over-ear headphones for running and other similar sports.","url":"https://gizmodo.com/the-best-over-ear-headphones-for-working-out-1845800546","urlToImage":"https://i.kinja-img.com/gawker-media/image/upload/c_fill,f_auto,fl_progressive,g_center,h_675,pg_1,q_80,w_1200/ajelevwdxlavdwdncdcj.jpg","publishedAt":"2020-12-08T20:15:00Z","content":"Running in big, chunky headphones gets a bad rap. \r\nTheres no shortage of wireless earbuds on the market these days with some variant of sport or fit or active in the name that suggests durability an… [+11113 chars]"},{"source":{"id":null,"name":"Gizmodo.com"},"author":"Alex Cranz","title":"Boobs and What They’re Missing","description":"I will not knock a person for eschewing bras, particularly in the summer months when they join forces with the underside of your boobs to create a miasma of sweat and good intentions. I will especially not knock a person for eschewing sports bras, which attem…","url":"https://gizmodo.com/boobs-and-what-they-re-missing-1844221798","urlToImage":"https://i.kinja-img.com/gawker-media/image/upload/c_fill,f_auto,fl_progressive,g_center,h_675,pg_1,q_80,w_1200/bttqdhipvnwogufoyyw6.jpg","publishedAt":"2020-11-20T19:55:00Z","content":"I will not knock a person for eschewing bras, particularly in the summer months when they join forces with the underside of your boobs to create a miasma of sweat and good intentions. I will especial… [+3390 chars]"},{"source":{"id":"techcrunch","name":"TechCrunch"},"author":"Sarah Perez","title":"Twitter to relaunch account verifications in early 2021, asks for feedback on policy","description":"Twitter announced today it’s planning to relaunch its verification system in 2021, and will now begin the process of soliciting public feedback on the new policy ahead of its implementation. Under the policy, Twitter will initially verify six types of account…","url":"http://techcrunch.com/2020/11/24/twitter-to-relaunch-account-verifications-in-early-2021-asks-for-feedback-on-policy/","urlToImage":"https://techcrunch.com/wp-content/uploads/2016/07/twitter-verified-scatter1.png?w=711","publishedAt":"2020-11-24T18:00:36Z","content":"Twitter announced today it’s planning to relaunch its verification system in 2021, and will now begin the process of soliciting public feedback on the new policy ahead of its implementation. Under th… [+6085 chars]"}]}

Same result for me.

Not sure what’s going on there. So when I try to live preview this on my computer or phone, I am unable.

When I view this in the companion app. No issue.

1 Like

You’re right, it works on Thunkable Live on my iPhone.

1 Like