Fill background with image

[LaRetta]

There are several methods for creating standard icons in a file:  regular container, paste the image directly on the layout, use text Webdings ... but recently I have used placing the image in Inspector > Appearance > Background Fill with image.  In this way, the icon can change color on highlight etc. Then this style is saved to a custom theme.

 

The advantage is that I can import these 'icons' between files (by importing themes) and I can save them to the theme so it changes throughout a solution automatically.  This is particularly advantageous when I have several companies sharing a single solution because I can change icons to match their theme colors.

 

The problem:   When opened in web direct, all I get is a solid-colored square.  I know normally we make separate layouts for web direct but in this current situation, the existing layouts will work perfectly except for a few of these buttons.  And regardless, I would have the same issue on a web direct layout.

 

I've tried many different types of icons and images but I am no Images Master and I do not understand the differences in rendering on why images placed in Appearance::background (images) will not work on Web Direct.  Before I give up on this idea for this project, because it is truly my preferred approach, do others have suggestions on image quality or type which might allow this to work?

 

[rivet]

try the attached PNGs

I used these on a button setup on Mac and one on PC

previews in webD : chrome, safari ( mac / pc ) and explorer 11

all good.

 

 

 

[LaRetta]

Thank you for helping me!

 

Unfortunately, it does not work, displaying the same bad behavior.  Please see screen shot.  The top is Web Direct and the bottom is desktop (which displays same whether browse or layout modes).

 

What can make the difference?

 

These buttons are popover buttons.

The file was created in 2007.

The file is currently using River iPad theme.

 

Even if I create a new theme (such as Enlightened) and even if I save the style to the theme, the display in Web Direct is the same.

 

Chrome 40.0.2214.111

Safari 7.1.3

OSX 10.9.5

FMPA 13.0v4

 

I asked another Developer to test it on Yosemite and he gets just the tan square as well.

 

[rivet]

this is my test file:  "project | web" layout

FMServer_Sample.fmp12.zip

[LaRetta]

Thank you.  This is what I see when I open your layout in Web Direct.  The files are served on FMS 13.0v5.

 

What possibly could be causing this inconsistency between what we are seeing?

[rivet]

interesting... same file

 

windows server: fmps 13.0.5.520  :

bad:

any client platform and browser

 

 

mac server: fmps: 13.0.5.520 :  

good:

mac : chrome, safri

PC: explorer 11

 

bad

mac: firefox

pc: chrome

[LaRetta]

LOL, well that's consistently inconsistent!  I guess we'll use containers and reconsider the issue again when time to rebuild the solution.  I appreciate you taking the time to help me pin it down.  :-)

[Ron L]

Did you find a solution?  I'm having the same problem (viewing images used for popover buttons in Web Direct).  I'm also having trouble finding any discussion of this problem.

[James Gill]

Is it possible that they are grouped or overlapping objects?  Last I heard WebDirect does not play well with either...

[Ron L]

Hi James.

 

No, the button is stand alone  - no other objects over or underneath.  Same behavior exhibited inside and outside a portal.