MoI GUI Builder released for Mac and PC!
 1-20  21-40  41-60  61-80  …  101-102

Previous
Next
 From:  chippwalters
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

Previous
Next
 From:  Frenchy Pilou (PILOU)
7245.22 In reply to 7245.21 
Thx for the Infos!
---
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:  Jay (JAYGEE)
7245.23 
Don't want to niggle, just two things:

Would be nice changing

the hover Color here:


Background here:


and here:


Color of the pressed PushButton:


Thanks a lot. Rest should be fine! :-)

  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
7245.24 In reply to 7245.23 
I'll look into where I can find the CSS. Thanks for sharing. Probably get to it this weekend.
  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
7245.25 In reply to 7245.23 
Hi Jay & Chipp, just some quick notes on the location of the CSS for those:

> the hover Color here:



That's a <moi:LabelButton>, the css for its background colors for hovered and active (when clicked down) are in moi.css:
code:
moi\:LabelButton:hover, .label_button:hover {
	background-color:#BBBBBB;
}

moi\:LabelButton:active, .label_button:active {
	background-color:#999999;
}



------------------


> Background here:



That one is in StyleMenu.htm, in a stylesheet in the <head> element, the one for id="Container":
code:
			#Container {
				...
				background-color:white;
				...
			}



------------------


> and here:



That one is in EditStylesDialog.htm, in a stylesheet in the <head> element, the one for id="StylesContainer":
code:
			#StylesContainer {
				...
				border:1px solid #CCC;
				background-color:#FFF;
				...
			}



------------------


> Color of the pressed PushButton:



That one is in moi.css, the one that controls the active state of a moi:PushButton :
code:
moi\:PushButton:active > div {
	background:rgb(205,215,227);
	-webkit-box-shadow:inset 0px -1px rgb(255,255,255), inset 2px 2px rgb(180,180,180);
}


- 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

Message 7245.26 deleted 15 Feb 2015 by YUAN

Previous
Next
 From:  Yuan
7245.27 In reply to 7245.25 
Hi Michael,

There are three places don't know where to change the color, please help to solve. Thank you very much!

Background here:


and here:


Color of input


-Yuan
Attachments:

  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
7245.28 In reply to 7245.27 
Hi Yuan,

> Background here: (Shortcut key editor sections of Options command):

Unfortunately the shortcut key editor uses an unusual non-HTML based control not used anywhere else and the colors it uses are not settable using CSS. So currently there isn't any way to modify those particular colors.


> and here: (List control at top of the View > Image command):

That's in the Image.htm file, which you'll find in the commands sub-folder (commands folder, not the ui folder), it's in the top of the file here:

code:
			#FilenameContainer {
				...
				border:1px solid #AAA;
				background:white;
			}




> Color of input (color for selected text in an input control):

Sorry it does not look like it is currently possible to modify these colors. There is a ::selection selector in CSS which is supposed to do it, it does not seem to be working in the version of WebKit that MoI uses though.


- 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:  LY_677
7245.29 In reply to 7245.28 
Great UI!

EDITED: 15 Feb 2015 by LY_677

  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
7245.30 In reply to 7245.25 
Thanks Michael,

Unfortunately, these will have to wait until next weekend before I can get to them. Much appreciated!!!
  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:  Yuan
7245.31 In reply to 7245.28 
Hi Michael,

According to your method has been modified. Thanks!



Also,the scroll bar color can change?

-Yuan

EDITED: 15 Feb 2015 by YUAN

Attachments:

  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
7245.32 In reply to 7245.31 
Hi Yuan,

> Also,the scroll bar color can change?

It is possible to change the scollbar colors but it's somewhat laborious since you can't just tweak a single color, when you use a custom scrollbar selector it will replace the default system drawn scrollbar entirely and so you will have to specify a lot of different properties yourself to make up all the pieces.

The different selectors are described here:
http://css-tricks.com/custom-scrollbars-in-webkit/

Also some info here:
http://beautifulpixels.com/goodies/create-custom-webkit-scrollbar/


So for a quick example, if you add this into moi.css you will get a weird looking red and yellow 2 color scrollbar:

::-webkit-scrollbar {
background:red;
}

::-webkit-scrollbar-thumb {
background:yellow;
}


- 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)
7245.33 In reply to 7245.31 
Hi Yuan,
yes, it's a nice UI you are working on.
Would be a pleasure if you share it after finishing.
  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:  Apophis
7245.34 
Hi Chippwalters

this is a great tool. Where can I found the last version?

Regards
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
7245.35 In reply to 7245.34 
Look at the bottom of the first post. Download then press the "check for updates" button.
  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)
7245.36 
Is there a way to change this frame?

Attachments:

  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
7245.37 
Sorry I haven't gotten around to making all the changes yet. I've been slammed at work and have to finish other projects on the weekend. I hope I'll get to it this coming weekend :-).
  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
7245.38 In reply to 7245.36 
Hi Jay,

re:
> Is there a way to change this frame?

That's controlled by the class named SceneBrowserSwatchActive in moi.css, in its border property:

.SceneBrowserSwatchActive {
border:1px solid rgb(80,80,80);
border-radius:2px;
}

- 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
7245.39 

New Update: 0.9.32



Added the following:
  1. Hover and active colors for LabelButton
  2. Active color for PushButton
  3. Hilite border color for Container and StylesContainer takes color from the buttons shown at bottom
  4. Background color for Container and StylesContainer
  5. Border color for SceneBrowserSwatchActive
  6. Background color for FilenameContainer
  7. Scrollbar background color*
  8. Scrollbar thumb button color*
  9. Check out Icon Builder

    * These effect all scrollbars other than the one used for the shortcut keys (no way to edit CSS for those). If you use these be aware you will NOT see the left and right scrollbar arrows. This shouldn't be a big miss, and may in fact create less visiable clutter.

    As usual, you only need to press the Check for update button at the top right of the interface to download this update.

  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
7245.40 In reply to 7245.39 

Icon Builder



Icon Builder allows anyone to build sets of correctly named icons, using their own icons if they wish. When it first opens, it will attempt to create a folder (make sure this app is placed somewhere with write permissions!) called moi_icons.

There is nothing to do, as there are no files yet in THAT folder. So, download the base files:
https://altuit.cloud/web/dbpub/MoIGUIdownloads/BaseIcons.zip
Unzip them and put them in the folder.

The anatomy of a base file:
  • It's a 64px x 64px transparent PNG.
  • It only has 1 color (black or whatever you like. It can be changed in Icon Builder.
  • It's name is EXACTLY the same as the icon it will be replacing.


The interface:
  1. Button to launch the Icon Builder window
  2. The Backdrop button sets the background of the Icon Builder window
  3. The icons in the folder will be shown one at a time. You can press PREV and NEXT to step through them. If you add new icons to the folder, just close and open the Icon Builder window to refresh the list of icons.
  4. You can set the color of the icon AND the hilite glow color around the icon. You only need to set this once. Not necessary for each icon as when you SAVE it will apply the current color and hilite settings to all icons.
  5. When you are satisfied with the color scheme, you can press the Save Icons button and choose a folder to save the icons in.


You will need to know the correct location for where to put the newly rendered icons. For the icon in BaseIcons.zip, you should put the newly created icons in the moi/ui/icons folder.

If you create new base icons, please share links to them in this thread!

  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-20  21-40  41-60  61-80  81-100  101-102