Question about custom UI
All  1-8  9-20

Previous
Next
 From:  Michael Gibson
8332.9 In reply to 8332.8 
Hi Ced,

re:
> how would one go about EDITING the SidePane.html in order to arrive at this SIMPLE folder layout - without
> affecting (it was a complete disaster) the entire UI's appearance?

The SidePane.htm file contains HTML and CSS code, using custom controls specific to MoI which are styled by entries in the moi.css file. Since you're looking for something different than the standard MoI setup, you'd need to replace the standard MoI HTML with your own HTML that is set up the way you want it. There are a lot of tutorials online about how to write HTML.

I'm sorry but I just do not have enough time available to do the work myself to make customized interfaces for one person, that's something that you would need to work on yourself.

- 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:  Ced (FRACTIONALIST)
8332.10 
Alright - I know HTML and I can write that - no problem - now that I know WHAT & HOW TO change the interface.

This is the best mod GUI ever -
Cheers & thank you!
Ced

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:  Ced (FRACTIONALIST)
8332.11 
Alright - that worked!~
However - I don't like the 'eyebags' shadows under the buttons - and the font is wimpy -

1. Where do I change the 'button' behind the font & remove the '5 O'clock shadow?' (Can't find the property to change)

2. Where do I change the font style? (the CSS font style isn't apparent in DreamWeaver Properties)

The current buttons look unattractive IMO - and I don't like the label names either - instead of 'draw' curves, how about 'curves' only, and placed in this order, which appears more sensible to me... if I can find these controls (I spent 1/2 day looking for them in 88 html, js & css files) I'm good!

I'm very close to having a really pleasant work environment -

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
8332.12 In reply to 8332.11 
Hi Ced,

> 1. Where do I change the 'button' behind the font & remove the
> '5 O'clock shadow?' (Can't find the property to change)

You need to look in the SidePane.htm file in a text editor to see how it's structured.

The palettes are made up of 2 pieces, there's a <moi:PaletteHeader> that is the part that holds the tab buttons, and a <moi:PaletteBody> that holds the content of the tab. The buttons themselves are <moi:TabButton> elements inside the header.


> 2. Where do I change the font style? (the CSS font style isn't apparent in DreamWeaver Properties)

The main font is set on the body by the UI engine from a value which can be set in moi.ini, under [UI] UIFontName=

I really don't recommend making all these types of changes though, it will make things difficult for you once the V4 betas start up and there are new releases, you will need to reapply all your changes with every beta release.

- 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:  Ced (FRACTIONALIST)
8332.13 
Michael -

Thank you for the 50 dollar tip - it worked.

I prefer the names on the labels as well as the order - just not the DROP SHADOWS!

How the heck do you get them out? I tried everything (I can write CSS & HTML - however - no luck).





Cheers,
Mortimer

  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
8332.14 In reply to 8332.13 
Hi Ced, they aren't drop shadows, they are the <moi:PaletteBody> elements that contain the command buttons. When the palette is not active, the content is hidden and the <moi:PaletteBody> will be small. Basically it's the same thing with border and background that you see when you activate a palette, when a tab is activated the content inside the <moi:PaletteBody> is displayed and then the "drop shadow" grows larger.

If you want to get rid of those you'll need to modify the script code that handles clicking on a palette tab, it's the function HandleTabChange() inside the SidePaneTabs.js file.

- 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:  Michael Gibson
8332.15 In reply to 8332.13 
Hi Ced, now I remembered that the top part of the border is in the <moi:PaletteHeader> element and then the rest is in the <moi:PaletteBody> .

If you want to remove those, go to moi.css and find the style rules for moi\:PaletteHeader > .PaletteHeaderBackground and moi\:PaletteBody and remove the background-color and border attributes for those 2 things and then there won't be any borders for those things.

- 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:  Ced (FRACTIONALIST)
8332.16 
Ha-ha~!

DISCLAIMER: If you're prone to panic attacks, dizziness, flatulence or have low self-esteem - please read at your own risk and/or seek medical advice:

BEGIN POST
Ladies & gentlemen, and thank you Michael - introducing sick software accompanied by the most lame GUI - gotta love it~

BEAUTIFUL~!



Cheers,
Mamadou Amado
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:  Frenchy Pilou (PILOU)
8332.17 
Nice geometric perspective of the right menu!
---
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:  Ced (FRACTIONALIST)
8332.18 
Frenchy,
See? Only a cultured Frenchman has the capacity to appreciate true narcissist work!



Beauty~

EDITED: 1 Mar 2017 by FRACTIONALIST

Attachments:

Image Attachments:
Size: 392.4 KB, Downloaded: 8 times, Dimensions: 1200x653px
  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:  Ced (FRACTIONALIST)
8332.19 
At last~! The Moi3d GUI is now - PERFECT in all its glory:

Nevertheless - would like an OPTION CHECKBOX where, if I choose, the folders will ALL REMAIN OPEN instead of 'one-at-a-time' -

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
 From:  Ced (FRACTIONALIST)
8332.20 
Yosuke, you may like to add TOOL TIPS to your command menu -




  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: All  1-8  9-20