https://linen.dev logo
Powered by
# haxe-ui
  • h
    or is it not stylable that way
  • h
    from what I can tell it has a background-color property but it can't be set with alpha
  • h
    found a hacky solution, if I set 
    background-image
    to a png that is only transparency it works
  • h
    that actually only works on linux somehow
  • h
    @User is there some way to do a transparent element on all platforms
  • h
    I've been at it for a while and I have no ideas
  • b
    what backend? My guess is if its native the answer is "nope"
  • b
    @User
  • b
    ... if you are talking about composites, then something like this should work:
  • b
  • b
    Copy code
    html
<vbox style="padding:5px;background:#CCCCFF #FFCCCC" width="100%" height="100%">
    <style>
        #list1 {
            background-color: none;
        }

        #list1 .item-renderer {
            background-color: none;
        }

        #list1 .item-renderer:selected {
            background-color: #a7c4e2;
        }

        #list1 .item-renderer:hover {
            background-color: #d9e5f2;
        }

        //////////////////////////////////////////////////

        #list2 {
            background-color: none;
        }

        #list2 .even {
            background-color: none;
        }

        #list2 .odd {
            background-opacity: .3;
        }

        #list2 .item-renderer:selected {
            background-color: #a7c4e2;
            background-opacity: 1;
        }

        #list2 .item-renderer:hover {
            background-color: #d9e5f2;
            background-opacity: 1;
        }

    </style>
    <hbox>
        <listview id="list1" width="200" height="200" selectedIndex="4">
            <data>
                <item text="Item 1" />
                <item text="Item 2" />
                <item text="Item 3" />
                <item text="Item 4" />
                <item text="Item 5" />
                <item text="Item 6" />
                <item text="Item 7" />
                <item text="Item 8" />
                <item text="Item 9" />
            </data>
        </listview>

        <listview id="list2" width="200" height="200" selectedIndex="5">
            <data>
                <item text="Item 1" />
                <item text="Item 2" />
                <item text="Item 3" />
                <item text="Item 4" />
                <item text="Item 5" />
                <item text="Item 6" />
                <item text="Item 7" />
                <item text="Item 8" />
                <item text="Item 9" />
            </data>
        </listview>
    </hbox>    
</vbox>
  • b
    note, for some reason, the second example didnt work until i updated haxeui to the latest on the playground
  • h
    I'm using the flixel backend
  • h
    I think I might just style it differently on backends that don't support transparency then
  • h
    Because currently I'm using a background image which would be hard to align with a second style
  • b
    haxeui-flixel is a composite backend, so it should work
  • b
    haxeui-flixel should support transparency
  • h
    Using background-opacity?
  • b
    or 
    background-color: none
    ... basically the stuff above should work
  • h
    I'll check that out then, I haven't had a chance to try yet
  • h
    Thank you
  • b
    np - if it doesnt work then let me know (preferably with a minimal repro)
  • s
    reminds me, I know there is like 
    IFocusable
    but how can I make lists where you can select the items?
  • s
    Can I make it so the xml only contains a component if a define is present?
  • s
    Oh, are system colors auto applied?
  • s
    I noticed you wrote externs for 
    wxSystemSettings
  • b
    > but how can I make lists where you can select the items i think you are just using scrollview with items in it, so its not a list, so wont behave like a list view, you can probably handle that yourself with css, but it might look a little strange > Can I make it so the xml only contains a component if a define is present? 
    <button if="some_define" />
    or 
    <button unless="some_define" />
    (this might not work as ive only used it for haxeui backends defines, not any define, but if it doesnt work its a tiny fix) > Oh, are system colors auto applied? i have no idea what this means > I noticed you wrote externs for wxSystemSettings yes?
  • s
    > System colors autoapplied I think wxwidgets is handling this as QT and OpenGL auto apply but MSW doesn't
  • s
    I wanted to make windows dark mode but I don't think it can be used
  • b
    i mean you can make it darker, but its still gonna look shit... imo all windows darkmodes look shite
1...891892893...1687Latest