Object layering with z-index

Anvil Q&A
1

Related to an earlier post/question - I have a report generator that is suddenly (no… I’m sure I’ve introduced some change…) is not display my logo (Image object).

I’ve tried z-index in my css and using roles, to no avail.

Any general advice on layering, object visibility, etc., would be greatly appreciated.

2

Have you tried checking out an older version and see if that still works?

3

I ran versions rolled all the way back to early April, and many since, which I know, 100%, worked. None of them now render my logos now. It’s very simple code, self.logo.source = file.

I created a rudimentary model of what I’m doing from browser to backend, etc., but it’s working… There’s something I’ve done using an XYpanel, then loading an Image as a background, and then loading (layering?) a logo on top of that.

Clone here but… this is working…

https://anvil.works/build#clone:VGK5S55HAMOIAHX2=ZKCRQBVVBMY5DH5D3WIWB5Q2

My testing has me completely baffled. Here’s what my processing does:

  1. User starts process clicking a link, sending a report number to a server callable task
  2. server callable task passes that report number to a background task
  3. background task pulls a lot of data from an SQL database, builds a dictionary of the data
  4. background task pulls an image (.jpg) from an anvil table stored for this report client, this image is stored in the data dictionary
  5. PDF render points to a ‘base’ form and passes the data dictionary
  6. This ‘base’ form, depending on values in the dictionary, conditionally adds as components, imported forms. These forms take the data dictionary, which includes the logo image
  7. Each component form (report pages) is a blank html page, has a main xypanel. On this xypanel, I have an image that is the page background. Additionally, there is text, page footers, etc. And… the logo image.
  8. To test, I stripped my cover page down to NOTHING. Just a form, with an image component named ‘logo’. In that form, I included these print statements, I view these in the apps logs since it’s deep in a background task, etc:
class aa_cover(aa_coverTemplate):
  def __init__(self, date, logo, mswcacs, **properties):
    self.init_components(**properties)
    print(logo)
    print(logo.name)
    print(logo.url)
    self.logo.source = logo

The apps log is reporting this, which I think is verifying that through all the server task, background task, embedding in a dictionary, etc., the logo image file is getting to the form to be rendered… just fine:

image
image808×143 51.1 KB

Absolutely inexplicable

On a hunch, in code, I load logo.source =