Hi jacobo,

> By the way, I wasn't able to find where to change Browser's
> button text and background color. Is it in the CSS file?

Are you talking about for v2 or v3 ?

In v3 it's in the CSS file, look for the section that starts with moi\:SceneBrowser, that's the outermost parent element of the scene browser, then the different sections use the .SceneBrowserSection css class and items within each section use the .SceneBrowserItem css class. So changing the various properties inside of that CSS will alter how the scene browser is displayed.

- Michael

Hey Michael,

I should have specified. I'm talking about v2. In v2 CSS file, this is what I have about the SceneBrowser, on which I've modified the colors:

moi\:SceneBrowser
{
behavior:url(#default#SceneBrowser);
padding:0.1em 0;
display:block;
text-align:left;
width:100%;
overflow-y:auto;
}

moi\:SceneBrowserItem
{
padding:0.15em 0;
display:block;
width:100%;
white-space:nowrap;
overflow:hidden;
highlightcolor:#FFFFFF;
noobjectscolor:#555555;
oddrowbackgroundcolor:#9098a0;
evenrowbackgroundcolor:#a0a8b0;
highlightrowbackgroundcolor:#384048;
}

.SceneBrowserSection
{
padding:0.28em 0;
margin:0.50em 0 0.2em 0;
backImagePadding:0em 0.55em;
}

.SceneBrowserContent
{
padding-left:1.5em;
}

What I couldn't find how to change was the actual button that displays the scene browser:



Thanks!!

Hi jacobo - for v2 the button that shows or hides the browser is in SidePaneFooter.htm - it's the <moi:ShowHideStateButton> element that's the only actual UI element in that particular file.

The button colors come from the images listed in the class there, they're: ShowHideStateButton_highlight.png and ShowHideStateButton_on.png , and the button's text color is inherited from the body so set a color: property on the body to adjust it regular text color, and the mouseover text color of blue comes from the color:blue part of the moi\:ShowHideStateButton css entry in that file.

This is all set up quite differently in v3, in v3 images are not used to draw these controls, instead it specifies things like border radius and gradient fill values in the CSS itself.

- Michael

Thanks a lot for your help Michael! Man, you probably hear this quite often, but it's very impressive and much appreciated the way you deal with users (and that other thing... what was it... oh, yes, develop the software).

Yeah, I've read in some other post that in v3 you weren't using images anymore for most parts of the UI including buttons. I think that's great (at least for me, that I like pretty simple shapes and a more '2D look' in the UI and I'm more concerned about the color) and it makes it easier to change color schemes.

Looking forward to being able to test v3!