# Web viewer with colour and Text problems **URL:** \ **Category:** Questions about Thunkable X\ **Created:** [February 5, 2021, 6:29pm UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106 "2021-02-05T18:29:20Z")\ **Posts on this page:** 19\ **Page:** 1
**Author:** ![similar2similar](https://avatars.discourse-cdn.com/v4/letter/s/a4c791/32.png) [@similar2similar](https://community.thunkable.com/u/similar2similar)\ **Post date:** [February 5, 2021, 6:29pm UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/1 "2021-02-05T18:29:20Z")
Hi: I have a Data Viewer List, calling my sources in Airtable. There I have different items , such as some video lessons in one hand, and in the other some exercises in HTML files format, included in different web pages ( html://lesson01.xxx.org) etc. The video lessons run very well. I can open the exercises in any browser, but with thunkable web viewer there are some problems, There are missing colours and some very relevant text ![5Captura.PNG](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/8/383bacc6faef3905c8a49fa4cb2727f899e5e00c.jpeg) ![6Captura](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/b/2b1faaea9df2fc602c80df5c0fa9764361f6dbf9.png) I don’t know how this is happening. Could you share any ideas? Thanks ---
**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\ **Post date:** [February 5, 2021, 9:03pm UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/2 "2021-02-05T21:03:27Z")
You can use `open link` component from the control drawer. ---
**Author:** ![similar2similar](https://avatars.discourse-cdn.com/v4/letter/s/a4c791/32.png) [@similar2similar](https://community.thunkable.com/u/similar2similar)\ **Post date:** [February 5, 2021, 11:21pm UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/3 "2021-02-05T23:21:04Z")
Hi Muneer: Thanks . I am using these two screens ![8Captura](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/e/4e232ff7912956222a6d15efef8536d9a5efb618.png) ![9Captura](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/4/c4a9def52d1cffc74fb27afba3c745815d1ff145.png) : I think that with open link I should have to give as many URLs as exercises, and I think I have this solved with the variable ClickedRow2. Anyway, I read somewthing you wrote before: ![10Captura](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/5/95ed94a7ce0002b5502d3f6f1d6e66a1cd22dcea.png) How can you get that green FROM . . .FOR . . . GET . … ? I can’t find it anywhere. Thanks again. I know very little about programming, so if you see any thing I shoul improve, please let me know. ---
**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\ **Post date:** [February 6, 2021, 7:11am UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/4 "2021-02-06T07:11:52Z")
After the update, the new block looks like this ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/c/ac9af26b6ed8b117580266cab772e27837e9cb94.png) But this will only work if the `Title` of the Data Viewer List has the URL. ---
**Author:** ![similar2similar](https://avatars.discourse-cdn.com/v4/letter/s/a4c791/32.png) [@similar2similar](https://community.thunkable.com/u/similar2similar)\ **Post date:** [February 6, 2021, 1:12pm UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/5 "2021-02-06T13:12:54Z")
Oh, I see. Than you so much ---
**Author:** ![similar2similar](https://avatars.discourse-cdn.com/v4/letter/s/a4c791/32.png) [@similar2similar](https://community.thunkable.com/u/similar2similar)\ **Post date:** [February 6, 2021, 1:14pm UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/6 "2021-02-06T13:14:49Z")
Do you think my “sollution” works as well as yours? ---
**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\ **Post date:** [February 6, 2021, 1:31pm UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/7 "2021-02-06T13:31:03Z")
You are using the `Title` field of the Data Viewer List as the URL to open the web page. If the URL is contained in the title then it will work. ---
**Author:** ![similar2similar](https://avatars.discourse-cdn.com/v4/letter/s/a4c791/32.png) [@similar2similar](https://community.thunkable.com/u/similar2similar)\ **Post date:** [February 8, 2021, 9:20am UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/8 "2021-02-08T09:20:15Z")
Thank you. Bit can you Tell me why some colours and text are missing? ---
**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\ **Post date:** [February 8, 2021, 9:33am UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/9 "2021-02-08T09:33:03Z")
Can you provide a screenshot of the problem and if possible a screenshot of the related blocks? It’s very hard to comment on such thing without seeing it. ---
**Author:** ![similar2similar](https://avatars.discourse-cdn.com/v4/letter/s/a4c791/32.png) [@similar2similar](https://community.thunkable.com/u/similar2similar)\ **Post date:** [February 8, 2021, 11:18am UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/10 "2021-02-08T11:18:28Z")
Hi, munneer, thank you for your time and advice. There are two screenshots: the coloured one is how this HTML5 quiz I am making appears in ant browser. It is made with the ISPRING QUIZMAKER program. But when I try to make It run under THUNKABLE, I use the blocks un screens 1 and 2 ( WEB HTML), and the result for the same Page of the exercise is very different, as you can see in the second screenshot ( mostly White), with no logo, no picture, no questions and no indications ---
**Author:** ![similar2similar](https://avatars.discourse-cdn.com/v4/letter/s/a4c791/32.png) [@similar2similar](https://community.thunkable.com/u/similar2similar)\ **Post date:** [February 8, 2021, 12:15pm UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/11 "2021-02-08T12:15:38Z")
![5Captura.PNG](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/8/383bacc6faef3905c8a49fa4cb2727f899e5e00c.jpeg) ![6Captura](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/b/2b1faaea9df2fc602c80df5c0fa9764361f6dbf9.png) ![8Captura](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/e/4e232ff7912956222a6d15efef8536d9a5efb618.png) ![9Captura](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/4/c4a9def52d1cffc74fb27afba3c745815d1ff145.png) ---
**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\ **Post date:** [February 8, 2021, 12:26pm UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/12 "2021-02-08T12:26:26Z")
Does it have to be a web viewer? Why don’t you use `open link`? This was my suggestion. > [@muneer](#): > > After the update, the new block looks like this ---
**Author:** ![similar2similar](https://avatars.discourse-cdn.com/v4/letter/s/a4c791/32.png) [@similar2similar](https://community.thunkable.com/u/similar2similar)\ **Post date:** [February 8, 2021, 12:57pm UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/13 "2021-02-08T12:57:59Z")
Hi, Thanks again. I thought I knew what I was doing with web viewer,but it fails. I never used open link , but i’ll try to make it work, suppose united to app variable ClickedRow2 ---
**Author:** ![similar2similar](https://avatars.discourse-cdn.com/v4/letter/s/a4c791/32.png) [@similar2similar](https://community.thunkable.com/u/similar2similar)\ **Post date:** [February 8, 2021, 4:54pm UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/14 "2021-02-08T16:54:11Z")
The coloured one is how it appears in a pc browser, With the blue and red sentences and colours. The other one is how I can see them in my phone when I use the Thunkable app. ---
**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\ **Post date:** [February 8, 2021, 7:34pm UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/15 "2021-02-08T19:34:22Z")
When you use `open link` it will invoke the phone browser and therefore I would think it will be ok for you. ---
**Author:** ![similar2similar](https://avatars.discourse-cdn.com/v4/letter/s/a4c791/32.png) [@similar2similar](https://community.thunkable.com/u/similar2similar)\ **Post date:** [February 8, 2021, 11:26pm UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/16 "2021-02-08T23:26:56Z")
Thank you so mucho. I Will try It. ---
**Author:** ![similar2similar](https://avatars.discourse-cdn.com/v4/letter/s/a4c791/32.png) [@similar2similar](https://community.thunkable.com/u/similar2similar)\ **Post date:** [February 9, 2021, 7:32pm UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/17 "2021-02-09T19:32:48Z")
Hi, I have been trying to use your idea for hours, and I got nothing… As you Know, this example is only two little pages, the first one with the Data Viewer list, and the second with the Web Viewer, but I just don’t know how to make your suggestion work properly to execute the URLs. if I don’t have a Web Viewer, I’m lost , and I’m really sorry because what I get with the viewer doesn’t work fine. And I couldn’t find any examples… ![1 THUNK.PNG](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/6/0611d9ea30629c95fb0a299480f21945cd35c95f.png) ![3 THUNK.PNG](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/5/25050584d2483c8ca63e1a1a39bec68c295164b5.png) ![2 THUNK.PNG](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/8/580293dfd001d39848bd19c0db99b40ace57e272.png) ---
**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\ **Post date:** [February 9, 2021, 7:53pm UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/18 "2021-02-09T19:53:56Z")
This is an example of a single screen with a single table to demonstrate the idea [https://x.thunkable.com/projectPage/6022e4a3d84f19124417bca0](https://x.thunkable.com/projectPage/6022e4a3d84f19124417bca0) Let me know if it works with you. ---
**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\ **Post date:** [November 8, 2024, 1:29pm UTC](https://community.thunkable.com/t/web-viewer-with-colour-and-text-problems/1084106/19 "2024-11-08T13:29:35Z")