Custom HTML On Webviewer [SOLVED]

[pavi2410 (Pavitra Golchha)]

Yes, that may be the case with him.

[Yusuf_Deniz (yusuf)]

nu veya kısaca cihazın içinde bulunan dosyayı PathToAssets kullanmadan text olarak yazsan çalışmıyor mu?

Yok çalışmıyor

this Will Absolutly help you to View Custom (Local) Html file in your WebViewer Component

Thanks for reply but my html have css and .js files

does your html page use any JavaScript libraries or CSS files?
if yes, did you upload these files also into the assets of your app?
Taifun

I added all files

file:///android_asset/file.html

I will try again

[TurboProgramming (Arda Çebi)]

@TurboProgramming

@Yusuf_Deniz Bunu veya kısaca cihazın içinde bulunan dosyayı PathToAssets kullanmadan text olarak yazsan çalışmıyor mu?

@Yusuf_Deniz

I Solved Problem
i changed to home url to empty
and only add this block

@Yusuf_Deniz Ne dedim ben sana

[Yusuf_Deniz (yusuf)]

çözüldüğünü sanmışım companionda çalıştırdığımdaki dosyaları kullanıyormuş yani başka telefonda hala çalışmıyor

SO STILL NOT WORK XD

[TurboProgramming (Arda Çebi)]

First of all, always do a Google Search:

Implement local Html in WebView with App Inventor, it doesn't work input

---

It is not possible to use the webviewer component to pick files in App Inventor.

The webviewer is no full browser and you can’t pick files like this. You will have to use the activity starter for that, see for example How to pick a file from SD card.

Btw. generally you can use style sheets and libraries together with the webviewer, but all files must be in the same directory as the main html file, see some examples here, no subdirectories, but as already said, the webviewer is no full browser and also some CSS or libraries will not help here.

(@Taifun’s answer at Stack Overflow.)

[Yusuf_Deniz (yusuf)]

aynısını denedim ama çalışmıyor

can u try this app and tell me if work
TEST.apk (5.0 MB)

[TurboProgramming (Arda Çebi)]

Oradaki cevaba göre ulaştığın çözümü buraya atar mısın? Belki oraya karşı hatalı bir şey yapıyorsundur?

[Yusuf_Deniz (yusuf)]

on companion i using file:///mnt/sdcard/AppInventor/assets/index.html and working
but on app
file:///mnt/sdcard/AppInventor/assets/index.html and file:///android_asset/index.html
not working

[TurboProgramming (Arda Çebi)]

Attığım cevapta açık bir şekilde WebView’ın cihazdan dosya çekemeyeceği yazıyor:

It is not possible to use the webviewer component to pick files in App Inventor.

Buraya bak: App Inventor Tutorials and Examples: Pick a file | Pura Vida Apps

[Yusuf_Deniz (yusuf)]

yok kullanıcının seçmemesi lazım apkyi deneyebilirmisin

[Yusuf_Deniz (yusuf)]

Finally Problem Solved By @pavi2410 Thank You @pavi2410
here a solution

On another topic

Your index.html file is looking for style.css in css directory and index.js in js directory. But as you cannot upload directories in asset, just change their src attribute to “style.css” and “index.js” respectively.

[Taifun]

But as you cannot upload directories in asset,

but what you can do instead see this answer

Css background image

Taifun

[Taifun]

@TurboProgramming

javascript - Implement local Html in WebView with App Inventor, it doesn't work input - Stack Overflow

@TurboProgramming fyi: I just corrected/updated my answer on Stackoverflow…

If you use html files including js and css files, which use a directory structure, you have 2 options:

1. upload all files into the assets of your app and modify all paths inside all html, js and css files to use that main directory,
2. or (probably easier) download your project (aia file) onto your computer, make a backup just in case (you know to have backups is always recommended…) open it using 7zip, drag your complete directory structure inside subdirectory assets, save the modified project (aia file) and upload the modified project to App Inventor

Taifun

[Sanjay_Khatiwada]

what if there is an image file in html page how can i link to my html i mean path ?

[pavi2410 (Pavitra Golchha)]

Use relative path

[techcvr (Vishal)]

add image link like this in your html file… it will work. I have tested it on my app.

img src="file:///android_asset/imagefile.png"

i have created a browser where index.html file loads from asset folder. i used index.html as a home page for the browser so that a user can view landing page without INTERNET connection.

http://petty.link/pnHkbcd

[Nosrej_Chaokad]

This post was flagged by the community and is temporarily hidden.

[izis27 (Izhar ISTAR)]

you need to use taifun extension in order display in apps.