Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Image placed inside of any container is no longer visible #756

Closed
davidrfloydii opened this issue Mar 18, 2025 · 3 comments
Closed

Image placed inside of any container is no longer visible #756

davidrfloydii opened this issue Mar 18, 2025 · 3 comments
Assignees
Labels

Comments

@davidrfloydii
Copy link

Describe the bug
Any time an image or an image button or a button with an image is placed inside of a container it is no longer visible. This has been tested with panels, containers, and widgets. All produce the same result which is the image is no longer visible when executing on Arduino. Displays fine in the GUI but not during runtime.

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'Screen'
  2. Click on 'Add image component'
  3. Run project and observe the image appear
  4. Go back to 'Screen'
  5. Click on 'Add panel'
  6. Drag image into 'Panel'
  7. Run project and observe the image disappear

Expected behavior
The image is expected to be visible in the runtime as it is within the GUI.

Desktop (please complete the following information):

  • OS: Mac
  • Version 15.3.2

** LVGL version (if used)**

  • 8.x

Additional context
I've tested this extensively inside of widgets, outside of widgets and it is very repeatable. Unless the image is a root level element it is not visible during runtime. If it is inside a button or is an image button the functionality of that event will work. It simply doesn't display correctly.

@mvladic
Copy link
Contributor

mvladic commented Mar 18, 2025

Make sure Image property Top (y) and Left (x) are within Panel's visible area.

Image

@davidrfloydii
Copy link
Author

Make sure Image property Top (y) and Left (x) are within Panel's visible area.

Image

Thank you I had that set and it didn't work in the GUI it was showing in the correct location and visible. However, I did figure out how to solve it. I had to explicitly set an image style to recolor and set opacity. This resolves the issue, although it still is not clear why I have to recolor an image to the same color it is. But it works that way. Thank you!

@mvladic mvladic closed this as completed Mar 25, 2025
@davidrfloydii
Copy link
Author

Just FYI the left/top was not my issue. I did figure it out though apparently when using 1 bit color images there can be recoloring by default. This was causing the image to not be visible since it recolored to black and was going onto a black background. The image itself was white. Just FYI in case others experience this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants