Image not displaying

Wappler General Need Help
1

Dear all,

see here: http://somup.com/crneXxo8tK

I dont understand why one image does display and the other does not.

Can anyone help me understand this?

Thanks

Thomas

2

What’s the image name, what’s the code generated when you select it and what are the 8 errors displayed at the bottom of Design View?

4

Teodor - I am working on providing you these details. But when I saved today the index.html I lost the simple example page.

See here - on impressum.html the App Structure Panel right hand side is displaying:

impressum page panels as expected
impressum page panels as expected2712Ă—1695 205 KB

But on index.html the App Structure Panel right hand side is NOT displaying:

index page panels not as expected
index page panels not as expected2728Ă—1746 149 KB

I tried to pull from bottom / top etc. no success.

How can I get the correct order of panels back?

Once I have this I can provide the details on the question of Teodor.

Thanks for any tip -

Thomas

5

Well it's not appearing as your file is empty. No code on your page. Not sure why/how did you manage to do this.

6

Ok, obviously I pressed delete or another key.
I am rebuilding.

7

OK - here the errors:

Error 404 but both images have same structure of file path
Error 404 but both images have same structure of file path1172Ă—307 38.3 KB

I understand that obviously something with loading the pics is not working. The images are in the correct asset folder so I dont understand.

8

Either you haven’t uploaded your images or your server doesn’t handle spaces in file names? Never a good idea to have spaces in file names.

1 Like
9

image name: digitalimmo.ch logo pixel 12x10 by Corne2Plum3.JPG

Based on @Teodor s and @brad s comment I tested image names with and without spaces. Both pictures load fine when I change the file names to names without spaces.

To summarize two learnings:
Dont use filenames for images (or any other files used in wappler I guess) with spaces.
If right hand side App Structure Panel is not loading you have an empty file - just as simple.

Thank you very much for your help!

Best regards

Thomas

1 Like
10

Glad it’s working for you now, Thomas!

Generally avoid spaces and special characters in file names everywhere when used on the web. If you need spaces for readability, replace them with an underscore. It’s not a Wappler issue - just a basic web dev rule.

Good luck with your project!

1 Like
11

I agree with Brad, in web use hyphens/dashes or underscores.
Personally I use dashes for any filename, image, script etc. I use underscores in Server Connect only, and not on the filename, only on the internal steps and inputs