https://linen.dev logo
Powered by
# haxe-ui
  • f
    Hovers!?
  • b
    tooltips
  • b
    in core now... 
    <button text="tim" tooltip='bob'/>
  • f
    Brilliant! Glad to hear it. It'll end up in Realmkit.
  • b
    yeah, i needed them too: https://github.com/haxeui/haxeui-core/issues/252 (and others recently it seems)
  • h
    I noticed that when you hover over item 8 no tooltip is displayed (probably displayed off screen), I was very much looking forward tooltips but I need them on a kind of bottom bar which would hide all of the tooltips by showing them off screen
  • h
    So just wanted to ask if it's planned to make the tooltips appear over the mouse pointer when appearing below wouldn't show all of the tip
  • b
    yeah, you can do it with styles:
    Copy code
    css
.tooltip {
    background-color: #fffff8;
    border: 1px solid #ABABAB;
    filter: drop-shadow(1, 45, #000000, 0.05, 6, 1, 30, 35, false);
    border-radius: 3px;
    padding: 4px 5px;
    margin-left: 0px;
    margin-top: 30px;
}
    The offset is the margin-top. It might be nice to auto top / bottom depending on if it fits on screen (like dropdowns)
  • f
    Yeah fitting within screen is pretty standard tooltip behaviour. I’ve often seen it switch from left to right or top to bottom (not just slide to fit 🙂 )
  • b
    shouldnt be a big deal - dropdowns / menus already do it - so ill add it
  • b
    @User / @User - more expected?
  • f
    Looks perfect! 👌 You're quick.
  • b
    not much to it... "is it too big along x? Move x"
  • h
    looks fantastic, loving the automatic behaviour, this is such a simple component but when it works this well I just fall in love with it
  • m
    @User do you think it's possible to achieve this in haxe ui? https://haxeflixel.com/demos/FlxTextFormat/
  • b
    i guess its doable, but at the moment not possible as htmlText only understands 
    <font color>
    so the outline part wouldnt work, ill have a think about adding it this weekend
  • m
    No problem, meanwhile I think I can hack my way in code to make that happen on my side of things
  • m
    Just please let me know if/when you fix the mobile target of haxeui flixel plz 🙂
  • b
    ill see if i can take a look at it this weekend, had alot of things on recently
  • m
    I tried accessing the FlxText inside a Label component, but it doesn't seem to exist at the moment I create it or after I add it to another component:
    Copy code
    haxe
var label = new Label();
label.percentWidth = 100;
label.textAlign = "left";
label.styleNames = "battleLog";
label.text = message;
        
contentContainer.addComponent(label);
  • m
    Seems like there won't be a clean way to achieve this
  • b
    how are you trying to access the FlxText?
  • b
    I think the main problem isnt going to be getting access to the FlxText, its that haxeui will overwrite anything you do set on it
  • b
    although, maybe if you never touch the text / style properties maybe it might work
  • b
    Copy code
    haxe
            var label = new Label();
            label.height = 20;
            label.width = 100;
            label.getTextDisplay().tf.text = "jimmy";
            mainView.addComponent(label);
  • b
    this seemed to work for me, you'll need an explicit w/h though as since i didnt want to set the text via .text (so it wont autocalc size)
  • b
    also, obviously, since you are using getTextDisplay() directly your app is no longer cross framework (from a haxeui perspective), but i dont think you care about that, and it probably wasnt anyway since you are almost certainly using other flixel only functions directly
  • b
    btw, you know, a nicer way to go about this stuff is probably to subclass label itself (FancyLabel or something)
  • b
    then you can encapsulate all the flixel stuff there are probably also get away with using props / styles directly... lemme have a quick play and see
  • b
    something like this:
1...478479480...1687Latest