https://linen.dev logo
Join Discord
Powered by
# haxe-ui
  • m
    background-size css parameter doesn't seem to be working. is there another way to size a background image for a vbox?
  • u
    Depends on the backend and how you wrote it. Could you share the xml that you tried ?
  • b
    @limited-advantage-32748 - just looked at your issue again... You should be using the class 
    HorizontalSlider
    (rather than 
    Slider
    )... that implements the functions... that said, it would be nice maybe to somehow be able to use 
    Slider
    also... ill have a think, but the "fix" is to use the "Horizontal" or "Vertical" variants of classes (Slider, Scroll, Progress, Range) - ill have a think about the making this a little more sensible
  • b
    (having seperate classes is needed though, mainly for native counterparts where often they are totally different widget classes)
  • b
    @magnificent-caravan-75149 - i dont think there is a background image size in haxeui... but i think there is something else... just looking now
  • b
    try:
  • b
    background-image-repeat: stretch
  • b
    adding size probably makes sense... i mean, you can either repeat or stretch... but say you wanted 75% or s 800px... ... well, that doesnt look like its supported...
  • b
    there is a workaround (use an Image) but probably adding a background image size prop makes sense also
  • b
    workaround:
  • b
    Copy code
    xml
<box width="..." height="...">
    <image width="100%" height="100%>
    <vbox>
        <button text="The rest of my UI" />
    </vbox>
</box>
  • b
    not ideal, but if you are looking for non 100% background (ie, not 
    background-image-repeat: stretch
    ) then this should work until size is added
  • l
    @bright-gpu-74537 at the time of when I brought it up, the horizontal slider wasn’t available as I didn’t see a class. I’ll double check that
  • l
    What the hell, now it's telling me the class exists
  • l
    I hate libraries sometimes
  • l
    Sorry for the trouble man
  • m
    @bright-gpu-74537 that worked great...
  • m
    @bright-gpu-74537 is Opacity working for components? I would like to tween a splash image fading it in and out.
  • b
  • b
    thanks @bitter-family-72722 - replied there and created a post on the forum
  • b
    @magnificent-caravan-75149 - 
    opacity
    and 
    background-opacity
    should work... are they not for you? What backend?
  • b
    you can do the animation yourself if you want, or, you could use css animations also, something like:
  • b
    Copy code
    xml
    <style>
        @keyframes fade {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
        
        #ex1.fadeIn {
            animation: fade 0.5s ease 0s 1;
        }
        
        #ex1.fadeOut {
            animation: fade 0.5s ease 0s 1 reverse backwards;
        }
        
    </style>
    
    <image id="ex1" resource="haxeui-core/styles/default/haxeui.png" style="opacity: 0;" />
    <button text="fadeIn" onclick="ex1.swapClass('fadeIn', 'fadeOut')" />
    <button text="fadeOut" onclick="ex1.swapClass('fadeOut', 'fadeIn')" />
  • b
    (note i just added the 
    swapClass
    call, so you'll need latest master, but you could do the same anyway with 
    addClass
    & 
    removeClass
    )
  • b
    so this hanging of the haxe 3 compiler is strange... it doesnt happen on some backends
  • b
  • b
    ok, well, ive tracked it down to where its coming from... now to work out a fix
  • b
    @loud-salesclerk-7438 - your issue (https://github.com/haxeui/haxeui-core/issues/288) should be fixed, can you let me know if that did indeed solve it
  • b
    its more of a work around than a fix, but will suffice for now until i get some more time... long story short "@:xml" metadata caused issues in haxe 3 😦
  • h
    @bright-gpu-74537 hey man! The heaps back-end doesn't work with HashLink yet, does it?
1...939495...1687Latest