Appearance panel (Sidebar Inspector)

Samsdad · May 30, 2025, 2:50pm

@KBConcepts is directing me to use the “appearance panel”, and I can’t find it, regardless of what is selected on a web page. Where is this?

Norm · May 30, 2025, 3:05pm

There is not one. I think AI is hallucinating in his response.

Samsdad · May 30, 2025, 3:26pm

I was afraid of that. It seems to be conflating your app with bootstrap. Specifically, I need for an AI pencil sketch composition to dissolve into the photo that it was derived from on hover. And I’m happy to purchase the solution if necessary. Ideas?

Norm · May 30, 2025, 4:59pm

If you want to create an image with an alternative (on hover) the easiest way is to not actually use image Brics and use a div instead.

Using a class, give div a height and width and assign a background image to it.

Then assign a different background image on the hover state.

You could probably do it with the new stack container option using image Brics, but that’s not officially released yet.

Norm · May 30, 2025, 5:04pm

Here is an example project, the hover image is at the top.

hover-img-test.bloc (842.6 KB)

This is what is used in the class (hover-img) applied to the empty div.

I hope that helps.

Samsdad · May 30, 2025, 6:49pm

I’m sure it will. Thank-you for your time. I figured this was headed for the class manager, I’m just not facile enough with that yet.

Jannis · May 31, 2025, 7:11pm

KBConcepts · May 31, 2025, 8:22pm

Sidebar Inspector

KBConcepts · May 31, 2025, 8:23pm

Sidebar Inspector

Samsdad · June 4, 2025, 8:34pm

What’s the best way to ease that transition rather than have it snap back and forth?

Samsdad · June 4, 2025, 9:16pm

Forget my second question. Got it from @Eldar 's tutorial about animations.

Samsdad · June 5, 2025, 2:12pm

Your hover-img class is throwing my images out of perspective.
?
Also, your Image Overlay bric looks amazing.
Does it allow image replacement on hover?