Haxe #haxe-ui

most-caravan-45834

05/04/2021, 4:07 AM

Are you using flixel? There is FlxSave

most-caravan-45834

05/04/2021, 4:08 AM

Or whatever FlxSave uses underneath

most-caravan-45834

05/04/2021, 4:10 AM

So I'm trying to restore the backgroundColor of a component which was transparent (I guess?) . I changed it to green successfully with

Copy code

haxe
backgroundColor = 0xFF77FF77;

I supposed setting the color to 0 as in

Copy code

haxe
backgroundColor = Color.fromComponents(0, 0, 0, 0);

would make it transparent, but when I tried it, it turned black.

bright-gpu-74537

05/04/2021, 6:20 AM

Ok, so a few things here: 1)

.backgroundColor

isnt a FlxColor, its basically a shortcut for

customStyle.backgroundColor

, that doesnt use an alpha attribute, so although

0xFF77FF77

works on flixel, its technically wrong and should just be

0x77FF77

2) The

Color.fromComponents

makes it black because it ignores the alpha (thats a separate background property: backgroundOpacity) 3) The correct way to do would be to null it:

.backgroundColor = null

, however, there was a bug that stopped that working (on static targets) - thats fixed now

bright-gpu-74537

05/04/2021, 6:21 AM

TLDR: pull latest haxeui-core and use

.backgroundColor = null

bright-gpu-74537

05/04/2021, 6:23 AM

I think you would need to create your own custom dialog that looks like a message box, which a checkbox in it - as for persisting the choice, that would be framework specific and is outside the scope of haxeui... it may be useful to have something like that in the future (maybe) but at the moment there is nothing in core

bright-gpu-74537

05/04/2021, 6:27 AM

So you are using the wrong css selectors: http://haxeui.org/builder/?jqzvki

Copy code

xml
    <style>
        .menuitem .menuitem-icon {
            width: 16px;
            height: 16px;
        }
    </style>

bright-gpu-74537

05/04/2021, 6:28 AM

menu items arent buttons... that said, apart from the "menubar button" i think "icon" is reasonable so now you can also do:

.menuitem .icon

bright-gpu-74537

05/04/2021, 6:29 AM

oh... wait, do you mean the menu items? Or the buttons in the menu bar?

bright-gpu-74537

05/04/2021, 6:31 AM

http://haxeui.org/builder/?wfelgg (didnt know that was a thing, but seems to work)

bright-gpu-74537

05/04/2021, 6:45 AM

this seemed to work fine for me:

Copy code

haxe
    private var myChild:Box = null;
    
    public function new() {
        super();
        
        set.onClick = function(_) {
            if (myChild == null) {
                myChild = new Box();
                myChild.addClass("mychild");
            }
            container.addComponent(myChild);
        }
        
        unset.onClick = function(_) {
            container.removeAllComponents(false);
        }
        
    }

am i doing something different to your test?

most-caravan-45834

05/04/2021, 1:43 PM

I imagined making it null might have worked cause null was the value of the bkgcolor before I set it in the first place, so indeed I tried it and it didn't work. But ok, I'll try again now. And I'm really stupid, because I knew about background opacity, I just keep forgetting.... Jesus...

most-caravan-45834

05/04/2021, 1:45 PM

I'll retry my test with latest and a fresh build. See if I messed up something. Thanks Ian!

most-caravan-45834

05/04/2021, 2:45 PM

Using null + latest worked!

bright-gpu-74537

05/04/2021, 2:45 PM

yeah, figured it would... was a bug... it was always turning null into 0

most-caravan-45834

05/04/2021, 2:46 PM

I'll retry the example now reusing the component

handsome-processor-40961

05/04/2021, 3:10 PM

didn't know it wasn't supposed to be a thing 😅 I find it super nice to more quickly scan menu options

handsome-processor-40961

05/04/2021, 3:12 PM

unfortunately I ended up having other problems with the

menubar-button

I style its icon like you showed

Copy code

.menubar-button .icon {
            width: 36;
            height: 36;
        }

but the icon in the menubar is unaffected, while the icons for the items are all fine

bright-gpu-74537

05/04/2021, 3:15 PM

36px?

most-caravan-45834

05/04/2021, 3:21 PM

It's not crashing anymore, but it seems to be messing up the inner components.

most-caravan-45834

05/04/2021, 3:22 PM

To reproduce, navigate to the shop tab and just click on a couple of empty boxes on the top

most-caravan-45834

05/04/2021, 3:22 PM

There's a label with text inside the component that disappears when the component is reused.

bright-gpu-74537

05/04/2021, 3:24 PM

ok, ill check it out in a bit

handsome-processor-40961

05/04/2021, 3:54 PM

doesn't change, this is how I'm setting it

Copy code

.menubar-button .icon {
            width: 36px;
            height: 36px;
        }

        .menuitem .menuitem-icon{
            width: 36px;
            height: 36px;
        }

bright-gpu-74537

05/04/2021, 4:01 PM

are you setting like .button .icon { } or something after that?

handsome-processor-40961

05/04/2021, 4:04 PM

right on

bright-gpu-74537

05/04/2021, 4:04 PM

handsome-processor-40961

05/04/2021, 4:05 PM

yeah I am, I believe the button style gets applied to the menubar buttons too now

bright-gpu-74537

05/04/2021, 4:05 PM

well, it appies the styles in sequence (of they match)

bright-gpu-74537

05/04/2021, 4:06 PM

Copy code

css
.menubar-button .icon {
    width: 100px;
}

.button .icon {
    width: 200px;
}