Hey,

When i first open my program in the IDE the icons show as a full image. When I then open the program in google chrome/edge  the icon is cut off.(see cut icon image attached)

If i refresh the page once it has loaded then the icons show as full in chrome/edge.(attached image).

The icons are in a  icon library. I am unsure on how to fix this or the cause of the problem.

Any ideas?

Sorry was unable to attach two images. Attached is the cut off images.

> When i first open my program in the IDE the icons show as a full image. When I then open the program in google > chrome/edge  the icon is cut off.(see cut icon image attached)

> If i refresh the page once it has loaded then the icons show as full in chrome/edge.(attached image).

> The icons are in a  icon library. I am unsure on how to fix this or the cause of the problem.

I don't know exactly without seeing properties of the components on the form or in the icon library file.  I would check top, left, height width properties, layout, and format.alignment should be set to cdLeftToRight and maybe even check the font size of everything.  

I did have a case when icons were not showing up at all in every browser except firefox.  I had to point the Icon Font under Project Options|Build to the ewbicons.ttf instead of the ewbicons.woff.  I'm not sure if that was the right thing to do but it worked.  This doesn't seem to be the issue because at least your icons are showing up.  Good luck!

Best regards,
Allen

Allen Hunt wrote:

Thank you Allen, The problem seamed to have been with the layout in the fonticon layer in the library. I had to set to lpcenter. I' have changed to lptopleft and stretch to lsbottomright and seams to have fixed the problem.

Still don't really understand why the refreshed worked before but at least now its all working correctly.