Custom UI quick question?

Next
 From:  Whiteman Dynamic (TIM_WHITEMAN) 5 Jun 2020  (1 of 8) 
9834.1 
Hello MoI friends!

I was hoping any custom UI users might be able to help me with a quick question please?

I was simply wondering which part of the moi.css contains the font used inside the style drop down menu? I mean the font/text that describes the style name (e.g. "Default, Orange..." etc). Better still, if the font is linked to other text within the UI, is there a possibility of being able to separate it so that the style names have their own font without affecting any other part of the UI?

Thank you for reading, I do appreciate any feedback.

Stay safe and creative.

Kind regards,

Tim
  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 5 Jun 2020  (2 of 8) 
9834.2 In reply to 9834.1 
Hi Tim, is this the text you're asking about? :



That inherits the regular font which the MoI core code applies directly on to the <body> tag of every UI Panel and its size is customized by this rule inside the file StyleMenu.htm :

code:
			moi\:StateButton .text {
				font-size:85%;
				padding-top:0.05em;
				word-wrap:break-word;
			}


So if you want to modify it, that rule above inside StyleMenu.htm would be a good place to do it. If you change it there it won't affect any other part of the UI.

- Michael
Attachments:
AttachmentTimFont.jpg
  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:  Whiteman Dynamic (TIM_WHITEMAN) 6 Jun 2020  (3 of 8) 
9834.3 In reply to 9834.2 
Hi Michael,

Thank you for your kind response and support. That's very interesting, I figured that it would be something as simple as adding a rule to the appropriate part of the css. I must apologise however, as I didn't explain myself very well, I was actually referring to the text within the Browser bar:



Thanks again Michael.

Kind regards,

Tim
Attachments:
AttachmentStyle_Menu_Text.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:  bemfarmer 6 Jun 2020  (4 of 8) 
9834.4 In reply to 9834.3 
It seems that Moi.ini calls the MoiColors....3dm file. (Both files may be located in appdata/roaming.)
I am unaware of another way to edit the .MoiColors....3dm file, other than via the styles menu?
- Brian

I have a few other ...Colors....3dm files, like MedievalColors.3dm file. Turnsole, Woad, Indigo, Smalt...

EDITED: 7 Jun 2020 by BEMFARMER
  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:  Whiteman Dynamic (TIM_WHITEMAN) 6 Jun 2020  (5 of 8) 
9834.5 In reply to 9834.4 
Hi Brian, thank you for your response. I appreciate your feedback, I was actually more specifically referring to the text/font used in that part of the MoI UI than the palette of colours (styles). I'm pretty certain it's simply a part of the moi.css that contains the text code.

Yeah, I do the same thing with a "startup" 3dm file, but I like your idea of having different style files for different projects, thanks for the suggestion.
  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 6 Jun 2020  (6 of 8) 
9834.6 In reply to 9834.3 
Hi Tim, scene browser items styling is controlled by the .SceneBrowserItem rule inside moi.css .

You can control the font by adding a a font: property to that, like so:

code:
.SceneBrowserItem {
	padding:0.15em 0;
	display:block;
	highlightcolor:#0000FF;
	noobjectscolor:#9A9A9A;
	oddrowbackgroundcolor:#EBEBEB;
	evenrowbackgroundcolor:#E3E3E3;
	highlightrowbackgroundcolor:#CAD5F0;
	connectorlinecolor:rgb(132,132,132);

	border:1px solid rgb(153,153,153);
	border-radius:4px;
	background:rgba(255,255,149,0.14);

	font: italic 16pt "Times New Roman";
}


- 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:  Whiteman Dynamic (TIM_WHITEMAN) 6 Jun 2020  (7 of 8) 
9834.7 In reply to 9834.6 
Hi Michael, ahhh yes! I recognise the .SceneBrowserItem rule from playing with the odd and even row background colours. It seems so obvious now to add a font property! Thank you very much, really appreciate the insight...

Have great weekend.

Tim
  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
 From:  Michael Gibson 6 Jun 2020  (8 of 8) 
9834.8 In reply to 9834.7 
No problem Tim, I'm glad that is what you were looking for.

So yeah the way things are usually set up is if it is intended to just directly inherit the regular document font then you won't see any font properties listed there. But you can add them if you want to override it.

- 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
 

Reply to All Reply to All