Getting closer. Where is the tabs coding/definitions?





Thanks for all the help. I will post/share the new UI when finished.

Hi Anis,

> Is there any progress on the easy toolbar
> customization of MoI ?

No, not yet - I'm still working on moving the UI to a new foundation first.

- Michael

Hi Nick,

> Getting closer. Where is the tabs coding/definitions?

Those tabs (like "Construct", "Draw curve", etc...) are defined in SidePane.htm, they're made up of 2 sections, a <moi:PaletteHeader> for the top part with the tabs, you'll see some <moi:TabButton>s for each tab within the header, and then there is a <moi:PaletteBody> below the palette header, which contains the controls for each tab.

- Michael

I give up for now (I actually have work to do.) ;-) I can't get the scene browser to expand and show the additional tabs. I checked several files and compared line by line and could not find the difference. I'll have to play around some more later. Maybe it would be easier to add the custom parts to the V2 files...

Thanks for the help,
Nick

"""""Maybe it would be easier to add the custom parts to the V2 files...""""""""""

This would be the way to go......

Hi, im customizing my UI but i couldn't do a couple of things: 1. Change the text color, normal and highlighted, and 2. change the color of the division bars of the viewports when in split view, i would appreciate any help... thanks in advance!

Maybe you must wait the V3?
Maybe some new facilities for customize your UI?

Hi ed,

> 1. Change the text color, normal and highlighted

The text color comes from the color: attribute in moi.css - at the top of moi.css there are some classes defined for the body elements of different UI pieces, they look like this:

.CommandBarBody
{
	margin:0px;
	color:#000000;
	background-color:#D2DFE1;
	white-space:nowrap;
}

The part that defines the text color is the color:#000000; line in there. If you change that to color:#FFFFFF; for example that would make the bottom command bar text to be white instead of black.

You can also use rgb notation for setting the color which you may find easier than the hex notation - rgb notation goes like this color:rgb(255,0,0);
the rgb notation has 3 command separated values for red, green, blue, with each one ranging from 0 to 255. More info on CSS color notation here: http://en.wikipedia.org/wiki/Web_colors

So update the color: attribute in all of those classes at the top of moi.css, like .CommandBarBody, .SidePaneBody, .MenuBody, etc... to set the text color.


re: highlighted - that depends on what particular kind of highlight you're talking about. Do you mean for selected text in a text input, or some controls also set their color attribute on mouseover, to change that go to the CSS for the particular control and there will be a color property listed under mouseover: that can be changed.


> 2. change the color of the division bars of the viewports when
> in split view, i would appreciate any help...

Some info on that part here:
http://moi3d.com/forum/index.php?webtag=MOI&msg=3597.2

- Michael

I find it interesting how many people want all of their software to look the same. This is not meant to be harsh, but black and gray are so generic.

Vive la difference!

=)

Hi, thanks for your help michael! here is what i came with. I decided to make it black because i feel its less tired for my eyes!

Hi Ed, I'm glad you were able to get it set up how you wanted!

I have some ideas for MoI v3 on how to make it easier to alter the colors - for example in MoI v3 much more of the appearance for controls is specified in the CSS with things like gradient fills, so that should make for less adjusting of images.

I'll also probably try to make some system where there are a couple of different themes that you can switch between.

- Michael

>I find it interesting how many people want all of their software to look the same. This is not meant to be harsh, but black and gray are so generic.

Generic yes, but easy on the eyes... absolutely! After many years of AutoCAD I can't stand looking at a white/light colored screen all day. Also a similar UI color scheme breeds a sort of familiarity. Fortunately, many things are configurable here and in other programs. To each his own. :-)

Actually, I find a darker system to be harsher on the eyes particularly if text becomes hard to read. Things like dark text on a dark background require much more effort to focus on.

A light background and dark text is just the most natural way to read text, it requires the least amount of focus.

But yes certainly different people have different preferences - that's why I want to have a couple of choices for the UI theme in the future. In MoI v3 moving to have more of the UI being based off of parameters instead of images should help with that.

- Michael

That easy way of customization sounds great, I spent a lot of time looking for what image made what and figuring out what drove the htmls color until i found the css (that shows how ignorant i am with programming), there should be instructions for doing that, or a button like the edit ini but edit css lol

I think it's great to build MOIs UI in a Html-Css manner. Its easy to customize, and if Michael is switching to the Webkit engine and perhaps supporting CSS3 you could easily set up a class for e.g. the corner radii of all Buttons and change it on the fly... With CSS3 properties you could even omit images for gradients and other stuff that is supportet.

Looking forward to V3 UI :-)

Hi SW03, re: CSS3 - yup that's exactly what's happening - along with the switch to Webkit I've been reworking the UI to be based off of CSS3 using things like border-radius and gradient fills instead of images for quite a bit of stuff.

So a lot more of the definition of the controls is contained within the CSS now.

- Michael

Hi Michael ...

Any idea yet when we'll see the first beta ... I know ... when it's ready :-)

cheers,
eric

Hi eric,

> Any idea yet when we'll see the first beta ...
> I know ... when it's ready :-)

Sorry, I still don't really know yet, but I don't think it should be too far off, I don't have too many more pieces left to finish before the new UI will be all fully functional. It is often hard for me to judge how long it will take to finish up any one particular piece though.

It's taken a lot longer than I had originally thought, but it should be good in the long run to have the UI be more self contained.

- Michael

""""""""""""It's taken a lot longer than I had originally thought"""""""""""""

I imagine you must had a couple of development ideas while revisiting all this code!

Marc

Hi Marc,

> I imagine you must had a couple of development ideas
> while revisiting all this code!

Yup, definitely!

- Michael