john-wayne-interessierts

Hello,
related to the threads her about "Flyout to the front " and "Can't set body background-color for flyout from external css " I now have a little problem:

I move the mouse somewhere over the gadget and the gadgets opens with a light blue background, now, after 300ms, the flyout get the focus and the background color changed to the background color from the style setting in the body tag.

How to change this "start background color" for the flyout

Peter



Re: Sidebar Gadget Development Background color for Flyout

Jonathan Abbott

I think you're talking about the "lost focus" background colour of the Flyout. I don't think you can change it, it's been hardcoded into Sidebar. If you're setting the background colour of the flyout, you'd normally not see this background.

From your mention of 300ms, it sounds like you're implementing the "lost focus" workaround to get focus back. You could try coding it the other way, so the Gadget takes the focus back instead of the Flyout. I don't know if it will make any difference though.

gadget.html:

System.Gadget.Flyout.onShow = getFocus;
function getFocus() {self.focus()}




Re: Sidebar Gadget Development Background color for Flyout

john-wayne-interessierts

Hardcoded This light blue  But your right I guess is one of the colors from Aero.

Ok, in this case the only solution is to setup the body color to the same light blue color. I think is very irritating for the users when the background color changed the color when they click on it.

My Gadget show some new topics from a forum, when the user move the mouse over the links the flyout show a preview of this post in the forum.
Without this 300ms trick the users must always click two times on the gadget to open the links inside the post, that confuse the users, therefore I use this focus trick. But unfortunately this methode produce a annoying flyout flash when I not use the same background color than the unfocused flyout color.

Peter

EDIT: I have make some test, the color is not one of this named HTML colors, is nearly the color activecaption but not exactly.





Re: Sidebar Gadget Development Background color for Flyout

Jonathan Abbott

I understand what you're doing now. You're right, you need the self focus trick, so you're stuck with the flickering I'm afraid.