Gui module

Rich

Active Member
3rd Party Module Dev
3rd Party Tool Dev
Joined
Sep 9, 2017
Will check it out asap. Also will try to create my own theme.
cool.

I think the themes could be better. I wanted a single sheet for assests, but the tab background could be any size.
Also the config file could be better.

comments very welcome
 

Rich

Active Member
3rd Party Module Dev
3rd Party Tool Dev
Joined
Sep 9, 2017
  • Refactoring a lot of the code and switching a lot of the shared Methods to a base class
  • Also fixing something that's been bugging me for a while which shines with the new popup options box
  • I've also renamed GuiOptions to GuiList, I like that name better.
Ill get a build released this weekend
 

MikeHart

Administrator
Joined
Jun 19, 2017
Location
Germany
Tested v0.6. In theme Neon, you don't see a color change in the dropdown box items, when you hover over them with the mouse. In normal theme, it is fine.
 

MikeHart

Administrator
Joined
Jun 19, 2017
Location
Germany
What I like about your module is that it is themable. What I would like to see is that you can create a gui without a GuiTab. Right now it is mandatory.
Another suggestion is GuiWindow. A window suggests that you can add other elements like buttons, list, etc. to it. Also it misses elements which a user would expect from a window, like a titlebar, etc.. For me, the current one is rather a canvas, or simply an image gadget.
 

Rich

Active Member
3rd Party Module Dev
3rd Party Tool Dev
Joined
Sep 9, 2017
Tested v0.6. In theme Neon, you don't see a color change in the dropdown box items, when you hover over them with the mouse. In normal theme, it is fine.
I started fixing the colors last night.. will check the pulldown boxe work are fixed..
Ill look at the scale issue too ;-)

and before you find it... ;-) the clicks in the drop down can pass through into gadgets below it. I think ive fixed i now. This also means when dragging sliders if doesnt activate oher sliders too if you hover over them with your mouse button still down.

Another suggestion is GuiWindow. A window suggests that you can add other elements like buttons, list, etc. to it. Also it misses elements which a user would expect from a window, like a titlebar, etc.. For me, the current one is rather a canvas, or simply an image gadget
This has always been something that required a "team" for requirements. I originally built this module for myself and then its grown from there.
I do agree with the Tabs and Windows, I orginally didnt want to call it window, as it suggest those extras items like dragging, minimising, titles, focus etc. hence why i went to straight to the Tabs, where you can disable tabs.
But then, i go and create a GuiWindow ;-)

The GuiWindow does allow extra functionality, not only can you attach an image. you can scroll your own items within and draw it yourself..
Cerberus X:
wndw.Lock(cnvs,internal_w,internal_h)
' draw whatever you want here.
' it will offset and lock the snipping area for you

' here i draw 2 rects in the top left and bottom right
cnvs.DrawRect 0,0,100,100
cnvs.DrawRect internal_w-100,inernal_h-100,100,100
wndw.Unlock(cnvs)
Again the naming could be changed.

Im well up for creating a v2 and renaming lots of the gadgets, and creaing other functionality. Maybe we can work together and create some requirements.. i dont mind doing the coding.
 

Rich

Active Member
3rd Party Module Dev
3rd Party Tool Dev
Joined
Sep 9, 2017
While fixing the colours, Ive also noticed that the Window scroll bars dont change color either
 

Rich

Active Member
3rd Party Module Dev
3rd Party Tool Dev
Joined
Sep 9, 2017
Tested v0.6. In theme Neon, you don't see a color change in the dropdown box items, when you hover over them with the mouse. In normal theme, it is fine.
ahh.. while ive fixed colours, the neon theme has one of its colours set to 0,0,0
cant remember which one now. in the new version the highlight is the negative of the text color ($ffffffff - col) which seem to be a nice contrast.
Do you think this would be OK, or should there be another value to set for highlight?
 

Rich

Active Member
3rd Party Module Dev
3rd Party Tool Dev
Joined
Sep 9, 2017
What I like about your module is that it is themable. What I would like to see is that you can create a gui without a GuiTab. Right now it is mandatory.
Another suggestion is GuiWindow. A window suggests that you can add other elements like buttons, list, etc. to it. Also it misses elements which a user would expect from a window, like a titlebar, etc.. For me, the current one is rather a canvas, or simply an image gadget.
been also thinking about one while playing Monopoly with he kids just now.. Im going to play to see what I can do with this one.. not sure it will be in a releasable state but gonna play with a floating window.

Where do you think tabs come into this? Do they become part of a window?

BTW i won the Monopoly in true Dad form
 

MikeHart

Administrator
Joined
Jun 19, 2017
Location
Germany
That looks great. I would love to work with you on it and makw it an official CX module. How should we proceed?
 

Rich

Active Member
3rd Party Module Dev
3rd Party Tool Dev
Joined
Sep 9, 2017
adding gadgets might be easier than i thought...
windows.gif


I need to fix the fact that mouse clicks/down are transferring between windows and not being ignored in non focussed windows (ive purposely shown that in the video)
Thi shouldnt be too hard to fix thought as the code is in the current live module somewhere.
 
Last edited:

Rich

Active Member
3rd Party Module Dev
3rd Party Tool Dev
Joined
Sep 9, 2017
That looks great. I would love to work with you on it and makw it an official CX module. How should we proceed?
Sounds great!!! Do you have time? I dont mind taking the coding on, but input with ideas, modelling and testing would be great
The tools that could help us collaborate
Trello - tracking of tickets
Slack - instant chat.

Maybe CX could have its own organisiation in these tools and various channels beneath it. This being one of them.
I think its all free
 

MikeHart

Administrator
Joined
Jun 19, 2017
Location
Germany
Trello I know myself and use it for my personal stuff.
Isn't Slack like Discord or has it features that makes it superior to it?
 

Rich

Active Member
3rd Party Module Dev
3rd Party Tool Dev
Joined
Sep 9, 2017
more GuiWindow features. Alot of items to fix on my list now
windows.gif
 

Rich

Active Member
3rd Party Module Dev
3rd Party Tool Dev
Joined
Sep 9, 2017
Back to fixing the current gui module...
Tested v0.6. In theme Neon, you don't see a color change in the dropdown box items, when you hover over them with the mouse. In normal theme, it is fine.
Im going to need some help here...
While Ive tried to fix it by using colours in the theme, I get the following for the default theme
Image4.png

This is "OK". The dark grey comes from the default text colour. This works for labels as the tab background is bright. But obviously the pull down background is dark
In Neon, its not visable because the default text color is black as its a very bright background.

Image5.png


Which colours should i choose for Pulldown options from the following in the theme as the default text and background.
This could also be the default colours for an input box.
Cerberus X:
tab_selected_back_color=196,196,196
tab_selected_icon_color=64,64,64

tab_back_color=86,86,86
tab_icon_color=64,64,64

font_color=64,64,64

buttons_color=32,32,32
Or does it need a new value in the theme file?
 
Top Bottom