Just note that Firefox is not supported and you will not get everything displaying correctly on that anyway.
Safari, Chrome, IE.
OK...but that still doesn't explain why they wont dsipaly in Safari.
What image file format did you use?
If not .png, try that, as it has been touted for FMP use and it is a web-safe format which supports transparency without display issues in FMP that .gif files can cause.
You say "image in the button", how are you setting the image for the button?
Are you inserting the image directly on the layout and making it a button? Is it a container field that stores an image and is a button? Is it actually a button with the background style set to your image?
There's many ways to make an "image" button. Container references can break easily with WebDirect if it's not configured properly. Also WebDirect does not support "stacking" multiple objects on top of each other (minus popovers and portals, which are designed to "contain" content).
I would "explode" the button, meaning separate all the different layers on a test layout, to see if each object will display independently when not stacked together.
Good point. Also if the Image is stored in a global then it won't be seen in WebDirect
Thanks for your replies but didn't really get an answer to my problem. But in answer to your suggestions:
1. The image is inserted into the Button under the Appearenace tab in the Inpector (Graphic , Fill, Image).
2. It doesn't matter whether I use JPEG, JPEG-2000 or PNG...none of them display in WebDirect.
3. It doesn't matter whether it is stacked or on its own.
But for anyone who is interested (an given limited responses it seems the only person gettign this problem is me!), the answer I found was to merely put an image on the layout (yes they desplay just fine) and then set Button Setup for the image to run the script want.
I can't help. I am doing exactly as you are. I'm usually using PNG, some GIF. However, it works for me.
Are you checking the image sizes? I haven't tried it with very large images, although they are expected to display nicely on Retina screens.
You didn't get an answer because you did not provide enough details about your problem. In the future please provide more details when you post so we can assist you with a full understanding of the issue. Screenshots are very helpful.
Is it clear now and if so is there an answer other than the work around I use?
It's clear what your settings are, but not clear why you are having an issue. I just set up a test where I took the same icon (512x512px), and saved three different versions (PNG, GIF, JPG). I set up all three images as "original", "scale to fit" and "tile" background images on standard button objects.
All of them worked to display the image, no issues at all.
Something is up with your settings, or with your image.
Have you tried looking at it in a different browser to see if maybe the browser is not rendering the object?
Also in the past you may have found your solution but browser caching, and even after that just slowness in webdirect to pick up the filemaker change may have prevented you from seeing it work. I've had that problem a number of times though the latest update of FileMaker seems to have stopped me from having issues with webdirect delay.
Sent while mobile
That to me seems like the best method to use to create your buttons—i.e. start with a FM button and configure that. One thing you do not mention, however, is whether you also save the new button as a button style, and then save that style as a change to the theme (or, more correctly, create a new theme that incorporates that style). If you have not done so, I suggest you go back and do this. It is possible that if you have simply made the change but not saved it, when the layout is viewed in a browser any local unsaved changes to the default button definition are simply ignored.
In my demo the buttons I took a screenshot of were all not saved to the theme, just custom styled objects.