MoI discussion forum
MoI discussion forum

Full Version: Dark Neutral Grey UI Complete with Instructions

Show messages:  1-18  19-38  39-54

From: Death
6 Nov 2021   [#19] In reply to [#17]
Like Phiro said.

That is also in the instructions...

Under NECESSARY CHANGES:

3. Scroll the UI slider to 9.5

Anyway, they collapse because your screen space is limited and new panel areas opening claim it.

Making an installer was on my mind,but then I thought about all the stuff that can happen if the user doesn't have administrator privileges. The clean up of the mess would be more work than doing it as is.

If I closed the top gap (used by filename, entry panels etc.) the the ui would jump about every time you use a command with input and the vertical position of the commands would change all the time, not nice behavior.

(BTW, the dimensions panel and its options is also always open. You might want to download the .rar file again and extract the SidePane.htm file and replace the one in your c:\user\YOURUSERNAME\appdata\roaming\moi\ui directory.)

I'll do some research on installers and if it pans out automate the whole process...
From: Michael Gibson
6 Nov 2021   [#20] In reply to [#19]
There will be a new UI theming mechanism for v5. The way it works is there is a new "themes" folder inside the Moi appdata folder. Themes are created as a sub-directory under there.

A theme contains a defines.inc text file which sets up symbol definitions for things like:
TEXT_COLOR #ABFF5D

The UI has been updated to use those symbols, like moi.css will have color:$$TEXT_COLOR$$; in it.

When moi.css or any .htm file is loaded it will be scanned for $$symbols$$ and have the value from the theme's defines.inc expanded in place of the symbol.

The theme folder can also have its own moi.css file which will get appended to the end of the regular moi.css file when the theme is active, and any images in the themes folder will be used in place of the standard image.

There will be 2 themes built in to the standard install, "Default" (similar to the current standard UI) and "Dark".

There will be a theme manager UI where you can make a new theme (which will create a new theme folder in appdata) and adjust color values:



- Michael

Image Attachments:
v5_themes.png 


From: Death
6 Nov 2021   [#21] In reply to [#20]
Very, very, very cool!

That's what I always wanted.

Thanks!
From: thejinx
6 Nov 2021   [#22]
Thanks for the replies everyone.

I reviewed the instructions several times and repeated the process with the same results, each time using the advised 9.5 UI Scale, rather than electing to lower it further in interest of being able to see it still.

Just as a bit of feedback 9.5 does not work for a resolution of 1920x1080 on Windows 11 with a maximized window. Anything below 9.5 does, at least in my case on the two machines I have tested.

On the installation experience, I asked as prelude to offering to produce one in interest of giving some effort back, though Michael's response of an updated theme system in the next version would seem to make this whole idea happily redundant.

On the top gap, I understand that it isn't to your taste to have toolbar items move. Different strokes for different folks there (: great testament to how customizable Moi can be for us all.

Ah! I didn't think anything was wrong with the SidePanel.htm in my %AppData% (roaming appdata); it is identical to the one inside of the rar (verified via diff comparison). Is mine not behaving properly?

Cheers all
From: Michael Gibson
6 Nov 2021   [#23] In reply to [#22]
Hi thejinx, re: "top gap", yes that gap is an intentional part of the UI design. Commands will fill that area in with their options and UI controls when they are running.

Some more info here and instructions on how to modify it if you want to try that:
http://moi3d.com/forum/index.php?webtag=MOI&msg=9953.2

- Michael
From: Death
6 Nov 2021   [#24] In reply to [#22]
The 9.5 setting works well for monitors with higher than gaming res. (vertical >1080 pix).

For smaller res, you should adjust the value. If you drag the slider around, you will see the UI update accordingly. I suggest the largest you can get away with while still having ALL the panels open (for readability), your choice of course...


I am looking at installers right now.

Have fun!
From: Pit (PIETER)
13 Nov 2021   [#25] In reply to [#24]

Hi folks, I am new to this forum and have discovered the great Moi 3D program, many thanks to Michael.
I also beautified the Moi surface, many thanks to Tod.
However, I get an error message:

[url = https: //postimg.cc/347f40Y8] [img] https://i.postimg.cc/pT5wSKSF/Ohne-Titel.png [/ img] [/ url]

I also don't see the Reverse.png icon (in the Moi interface) I followed the instructions exactly.
Maybe I'll make a mistake, I would be very grateful for any help.
I have an iMAC 3.8 GHz with Big Sur, I know whether the uploading of the picture worked, otherwise please provide instructions on how to upload pictures in the forum.
I apologize for my english, i use google to translate.

Warm greetings
Pit


From: Michael Gibson
14 Nov 2021   [#26] In reply to [#25]
Hi Pieter, to insert an image put it in like this:

code:
<img src="http://url_goes_here">


- Michael
From: Michael Gibson
14 Nov 2021   [#27] In reply to [#25]
So for your image set it in your forum message like this:

code:
<img src="https://i.postimg.cc/pT5wSKSF/Ohne-Titel.png">


For the error message, have you possibly removed the scene browser with some of your changes?

If so then you'll need to modify DeathPane.js and remove the piece of it where it is trying to access the scene browser and expand the sections during program startup.

That would be the part that goes like this:
code:
var items = moi.ui.sceneBrowser.rootItems;
for ( var i = 0; i < items.length; ++i )
    items[i].expanded = true;


- Michael
From: Pit (PIETER)
14 Nov 2021   [#28] In reply to [#27]
No I have not removed anything when I read the lines:
var items = moi.ui.sceneBrowser.rootItems;
for ( var i = 0; i < items.length; ++i )
items[i].expanded = true;
delete the error message is gone. Thanks.
How do I get the Reverse.png icon into my Moi interface?

LG Pit
From: Death
14 Nov 2021   [#29] In reply to [#28]
That answer is in the instructions...

Under: C) UNRAR THE UI
~
5.) copy the "Reverse.png" image from the new "C:\Users\YOUR WINDOWS USERNAME\AppData\Roaming\MoI\ui"
to the:
"C:\Program Files\Moi 4.0\ui" directory
~
From: Pit (PIETER)
14 Nov 2021   [#30] In reply to [#29]

that's exactly what I did. But that doesn't work on the Mac!

"/Users/pit/Library/Application Support/Moi/ui"

"/Users/pit/Programme/Moi 4.0/ui"

I did that.


From: Death
14 Nov 2021   [#31] In reply to [#30]
I don't know Macs, this was made for windows...

I assume the:

/Users/Pit/Programme/Moi 4.0/ui

is the actual folder where the MoI program resides on a Mac? If not, it needs to go to the actual Moi installation folder, NOT the user's folder.

Maybe somebody here with a Mac has an answer?
From: Michael Gibson
14 Nov 2021   [#32] In reply to [#30]
On Mac, right-click on the .app and on the menu that pops up choose "Show package contents". Then there is a "ui" symlink there that will take you to the ui folder which is located inside the app folder under Contents/Resources/ui .

The direct path if you have installed MoI v4.app inside of the /Applications folder is:

/Applications/MoI v4.app/Contents/Resources/ui


Note that on a Mac an .app is actually a folder but when you double click on an app it launches the app and doesn't open up the folder as normally happens with other folders. But to open up an app as a folder you can right click on it and choose "Show package contents".

- Michael
From: Death
14 Nov 2021   [#33] In reply to [#17]
@thejinx:

Regarding the easier install:

After having checked out a few installers available the last few days, I have come to the conclusion that it would be easier to write one myself.

I can now be found in a separate thread this one is getting too crowded...

The thread is:
Easy Installer Dark Neutral Grey UI Complete with Instructions
http://moi3d.com/forum/messages.php?webtag=MOI&msg=10509.1

It creates everything automatically.
From: Pit (PIETER)
15 Nov 2021   [#34] In reply to [#32]
Thanks Michael but I've already tried that, unfortunately without success.
From: Michael Gibson
15 Nov 2021   [#35] In reply to [#34]
Hi Pieter,

re:
> Thanks Michael but I've already tried that, unfortunately without success.

Can you show a screenshot of where you have placed it?

- Michael
From: Pit (PIETER)
15 Nov 2021   [#36] In reply to [#35]
Hallo Michael kann es sein das ich noch die 90 Tage Test Version benutze?

From: Michael Gibson
15 Nov 2021   [#37] In reply to [#36]
Hi Pieter, it should work the same with the trial version.

- Michael
From: Pit (PIETER)
16 Nov 2021   [#38] In reply to [#37]
Hello Michael, here is the screenshot (hopefully the screenshot will also work).



-Pieter

Show messages:  1-18  19-38  39-54