Thunkable X - local path for WebViewer for Android

html
webviewer
android
#1

Hello.
I think that Thunkable it is a great tool.

I have to admit that being new to Thunkable for me is confusing to look for information in several areas on the same search (Thunkable X, Thunkable Classic).

**Anyway, I have a HTML file that contains some text and some CSS customizations. **
For iOS, live or .ipa, it is perfect, but for Android, equal live or apk it shows only a blank (white) page.

Using this solution file:///android_asset/file.html there is no changes for Android and from here WebViewer is Blank (seeing White screen) in IOS App at iPhone (not Live) I don’t have a clear solution.

Can someone give me support with this issue?
Thank you.

#2

Hello,

Unfortunately, there are really problems with displaying data in WebViewer - a blank screen and more. I see the solution in determining the platform using the block and using other blocks for Android. For example, for iOS, use the file from asset, and for Android create html-code using the data: protocol.

#3

Thank you.
If this is functional, it is ok. Sounds like your solution for local images.

What type of component should I use, or how to insert the html-code in the screen?

#4

On the scrHtml and scrCanvas screens, you will find examples:

https://x.thunkable.com/projects/5cd84f23e3097f3353fdad45/project/properties/designer/

#5

Thank you.
I know your demo and it is amazing.
I was testing and it is functional also like this:

Screenshot(9)
Screenshot(9).png924×239 7.24 KB

#6

Is the string after base64 the coded text?

#7

Yes.
And it is functional.
I have no idea with large or complex files but Hello World! it is full functional. So it should be ok.

#8

The output for complex files e.g. a gallery HTML + CSS it is not as it should be.

The output from this:

Screenshot(9)
Screenshot(9).png924×239 7.24 KB

It is identical with the output from your solution:
Screenshot_4
Screenshot_4.png875×186 18.6 KB

Maybe some tags/values from CSS are not recognized and is functional only for not so complex files.

#9

Yes. The encoding may not interpret tags with values like %.
Replacing % with px, bring the right result.

#10

You are right, I noticed the strangeness in the work of data: in WebViewer compared with the work of similar code in an external browser. I like the idea of ​​coding, but recently it turned out that data: is an undocumented feature and is not required to work in iOS-installed applications. Frankly, this message from Mark surprised me.

#11

What message?

#12
#13

Ok. Thank you.

//
The % it is ok in the HTML body, but not in the CSS area, for encoding.
//
I know it is out of the subject, but do you know a functional way to have the sound in background?

Thank you.

#14

As far as I know, there is no such possibility in Thunkable X. I myself would be happy to listen to Internet radio in background.

#15

Thank you!