MoI GUI Builder released for Mac and PC!
  1  2-21  22-41  42-61  …  102-104

Previous
Next
 From:  Frenchy Pilou (PILOU) 8 Feb 2015  (2 of 104) 
7245.2 
Cool work!

French Manual! ;)
http://moiscript.weebly.com/mgb-interface.html

EDITED: 8 Feb 2015 by PILOU
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  chippwalters 8 Feb 2015  (3 of 104) 
7245.3 
Here's a quick interface I built just now:

There are several customizations OUTSIDE using MGB.

1. File Icons: Unzip and put the individual files in your moi/ui/icons folder. They don't replace any others there as the originals are stored as a resource in the app.
https://altuit.cloud/web/dbpub/MoIGUIdownloads/MoiFileIcons.zip

2.MainWindowCornerSizer.png* Only for Mac (I think). Icon for resizing the window (look at bottom right of image). Put in moi/ui folder (don't forget to back up old version!).
https://altuit.cloud/web/dbpub/MoIGUIdownloads/MainWindowCornerSizer.png

3.ViewportForeground.png* Creates a darkened bar between viewports. Put in moi/ui folder (don't forget to back up old version!).
https://altuit.cloud/web/dbpub/MoIGUIdownloads/ViewportForeground.png

Also, you'll need to use the Options View and Grid property panes inside of MoI to set the background color and the grid.

Here's the template for loading into MGB: (right-click link to download)
https://altuit.cloud/web/dbpub/MoIGUIdownloads/darkInterface.txt

EDITED: 9 Feb 2015 by CHIPPWALTERS
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  Michael Gibson 8 Feb 2015  (4 of 104) 
7245.4 In reply to 7245.3 
Thanks for releasing this Chipp!

- Michael
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  DannyT (DANTAS) 9 Feb 2015  (5 of 104) 
7245.5 In reply to 7245.1 
Even though I'll probably never use it, it's a very cool utility Chipp, well done! A lot of users have been waiting for this.

You do realise you've probably made Michael drop 'UI customisation' down his list and given him more time to work on more of the productive stuff ;)

Cheers
~Danny~
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  MajorGrubert (CARLOSFERREIRAPINTO) 9 Feb 2015  (6 of 104) 
7245.6 
Thanks a lot.
Greetings
Carlos
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  chippwalters 9 Feb 2015  (7 of 104) 
7245.7 In reply to 7245.5 
Danny,

"You do realise you've probably made Michael drop 'UI customisation' down his list and given him more time to work on more of the productive stuff ;)"

Yep...exactly my thoughts as well!
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  paulrus 10 Feb 2015  (8 of 104) 
7245.8 
Is there a way to get it to reload the customized CSS you created previously?

If it already knows the file path, it'd be great for it to load the existing CSS file and let you go from there. I made some changes but realized I made my background too dark. Unfortunately when I reloaded MoiGUI my changes didn't appear, so I apparently need to start over. I tried Load Template, but that doesn't seem to load CSS files.

Otherwise this is a really neat tool. If it would let me start to change icons, fonts, etc., it would be phenomenal.

-Paul
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  chippwalters 10 Feb 2015  (9 of 104) 
7245.9 In reply to 7245.8 
Use the save template to save the customized moi.css template for MGB. Use the load template to load the template you just saved. This way you can continue to tweak your design.

MGB program does not parse the moi.css file directly, which would be called 'round-trip' CSS editing. Writing a full blown WYSIWYG round-trip CSS editor which correctly parses *any old CSS* is a full-time job for a team of programmers as it would necessarily need to handle all sorts of flavors (and mistakes) of CSS. I enjoy MoI but don't have that kind of time to spend.

If you save the template, you can reload it. The background screen settings are set in the Options panel and are not stored with the MoI.css file so you shouldn't have any problems reloading the "newly generated from your old template" moi.css file.

Changing Icons could be done. I'm not sure about changing fonts as I suspect there are limitations to the GUI framework Michael uses-- especially considering WINE.
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  Max Smirnov (SMIRNOV) 10 Feb 2015  (10 of 104) 
7245.10 
Thank you! Great app.
moi.maxsm.net
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  chippwalters 10 Feb 2015  (11 of 104) 
7245.11 In reply to 7245.10 
Thanks Max to you, too, for all the great work you do for this community!

Let me know if I missed any selectors.
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  Michael Gibson 10 Feb 2015  (12 of 104) 
7245.12 In reply to 7245.9 
The UI font is automatically set onto the <body> element as part of the processing that happens when an HTML document is loaded, the setting for it is in moi.ini, under:

[UI]
UIFontName=Century Gothic

The font size is also set in the same way and it can be adjusted in the Options dialog under the "General" section with the slider for "UI size".

- Michael
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  Jay (JAYGEE) 11 Feb 2015  (13 of 104) 
7245.13 In reply to 7245.12 
This is really fantastic, Chipp! Thank you very much!
How can I change this grey text color?
Attachments:
AttachmentUI_01.png
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  Michael Gibson 11 Feb 2015  (14 of 104) 
7245.14 In reply to 7245.13 
Hi Jay & Chipp,

re: How can I change this grey text color?

See here for a description of where the CSS that controls that color is located:
http://moi3d.com/forum/index.php?webtag=MOI&msg=7132.2

- Michael
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  chippwalters 11 Feb 2015  (15 of 104) 
7245.15 
Okay. I'll trying get that fixed tonight. Is there anything else that's missing?
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  Jay (JAYGEE) 12 Feb 2015  (16 of 104) 
7245.16 
I'm not sure if changing the "CloseWindowButton" Backgroundcolor Change is working...
Attachments:
AttachmentUI_02.png
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  Michael Gibson 12 Feb 2015  (17 of 104) 
7245.17 In reply to 7245.16 
Hi Jay & Chipp,

re: I'm not sure if changing the "CloseWindowButton" Backgroundcolor Change is working...

There are 2 different window close buttons, the first one is a <moi:WindowControlButton> with id="Close" - that one is one that you will only see on the Windows version when it is a maximized window, it will be a close button in the upper right corner of the main window. That one is controlled in moi.css by:

moi\:WindowControlButton#CloseWindow:hover img {
background-color:rgb(250,96,96);
}

moi\:WindowControlButton#CloseWindow:active img {
background-color:rgb(235,9,9);
}


The one that Jay shows below is in flyout menus, that one is a <moi:SmallCloseWindowButton>, it's controlled in moi.css by:

moi\:SmallCloseWindowButton:hover {
background-color:rgb(250,96,96);
border-color:rgb(124,124,124);
}

moi\:SmallCloseWindowButton:active {
background-color:rgb(235,9,9);
}

- Michael
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  chippwalters 12 Feb 2015  (18 of 104) 
7245.18 In reply to 7245.17 
Hey guys,

Sorry..been in meetings all day with lawyers. As I mentioned, I still don't have a windows image for my VMware here at home, so it will be awhile before I can get to Windows specific changes.

I'll try and see what I can get to this evening.
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  chippwalters 13 Feb 2015  (19 of 104) 
7245.19 

Update


Fixed the aforementioned issues. Press button check for update (dot 1) to load the new version. No need to restart.

The (dot 4) close button now has more properties and works correctly. The (dot 3) properties field now had a custom text-color property you can set which overides the CSS in the SidePaneContextArea.htm for the text-color.



Please NOTE: If you've previously *saved* a template from MGB, and then load it, you will now need to press the (2) RESET button for any individual item which has been updated since last saved. In this case, all you need to do is reset the two shown areas (4 & 3).

Michael,

On another note, is there any sort of CSS which I can access to define the text input highlight text and background color (5)? FWIW I tried variants of:

code:
::-webkit-selection {
  background: green;
  color: yellow;
}
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  Frenchy Pilou (PILOU) 13 Feb 2015  (20 of 104) 
7245.20 In reply to 7245.19 
Does the dowloading address of the new version is always the same ?
---
Pilou
Is beautiful that please without concept!
My Gallery
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  chippwalters 13 Feb 2015  (21 of 104) 
7245.21 In reply to 7245.20 
Hi Frenchy,

The URL for the application will stay the same. But, (and this is important) when newly downloaded from the web it will ONLY run the older version. You **MUST** press the check update button to download the latest version.

So, once it is installed, you never have to install again (unless I make changes to the core engine). Just press the check for update button and you will always have the latest version.
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged
 

Reply to All Reply to All

 
 
Show messages:  1  2-21  22-41  42-61  62-81  …  102-104