https://linen.dev logo
Powered by
# haxe-ui
  • b
    maybe i can replace directional chars with the 
    align
    tag
  • b
    i dont even know what directional chars are, or the "align" tag
  • b
    align tag is something i added to my markdown renderer cause theres no support for it in actual markdown
  • b
    and directional chars are the ones responsible for switching directions of texts
  • b
    to support RTL text
  • b
    oh wait i dont think alignment effects wordwrap
  • b
    no idea
  • b
    that's going to be a lot of work. Due to the shadowing of the classes, there are a lot of errors that are unfortunately not exactly clear. but progress is being made but i need to rewrite the base system.
  • b
    do you happen to know why haxe adds the haxe.ui folder but cli does not? How does haxe know that cli does not belong to it?
  • p
    I suppose because the files in `cli`have `package;`and not 
    package cli;
    .
  • p
    So unless you add 
    -cp path/to/haxeui/cli
    , haxe will ignore those files.
  • b
    ahh okay. I have already asked myself how it comes about. i know there is something like haxelib classPath
  • b
    everyday i learn something new
  • b
    then I will keep it static. Only wanted to let my generator detect it automatically too. But that would be really much effort.
  • b
    What would be the ideal setup for having custom html content in some container (a box?), and around it HaxeUI-driven UI?
  • b
    Seems like the generated HTML is a bit weird when it comes to sizing and overlaps.
  • b
    you could create a custom haxeui component and add any children to its "element" property (haxeui-html5 only)
  • b
    and resize anything needed it the components validateComponentLayout() override
  • b
    Hmm. Sounds complicated.
  • b
    I basically just want to have some 
    div
    I can fill (with hidden overflow), and be able to place UI around it.
  • b
    naw, pretty simple... ill knock you up a quick example
  • b
    I guess I could just initialize HaxeUI in the divs around it, instead of doing the reverse.
  • b
    Copy code
    haxe
class DivWrapper extends Box {
    private var myContainer:DivElement = null;

    public function new() {
        super();
        myContainer = Browser.document.createDivElement();
    }
    
    private override function onReady() {
        super.onReady();
        this.element.appendChild(myContainer);
    }
    
    public var html(get, set):String;
    private function get_html():String {
        return myContainer.innerHTML;
    }
    private function set_html(value:String):String {
        myContainer.innerHTML = value;
        return value;
    }
    
    private override function validateComponentLayout():Bool {
        var b = super.validateComponentLayout();
        if (myContainer != null && this.width > 0 && this.height > 0) {
            myContainer.style.width = this.width + "px";
            myContainer.style.height = this.height + "px";
        }
        return b;
    }
}
  • b
    Copy code
    xml
<vbox style="padding: 5px;">
    <slider pos="300" min="200" max="500" onchange="grid.width = this.pos; grid.height = this.pos;" />
    <grid id="grid" columns="3" width="300" height="300">
        <button text="TL" width="50" />
        <button text="T" width="100%" />
        <button text="TR" width="50" />
        
        <button text="L" width="50" height="100%" />
        <div-wrapper width="100%" height="100%" html="<div style='color:red;'>this</div> <div style='color:green;'>is</div> <div style='color:blue;'>some</div> <div style='color:purple;'>html</div><button style='width:100%'>Native Button</button>" />
        <button text="R" width="50" height="100%" />
            
        <button text="BL" width="50" />
        <button text="B" width="100%" />
        <button text="BR" width="50" />
    </grid>
</vbox>
  • b
    ive also got this in a module.xml, but its only so i can use it in xml, if you are using purely code then you dont need this:
  • b
    Copy code
    xml
<module>
    <components>
        <class package="custom" />
    </components>
</module>
  • b
    that what you are talking about @User ?
  • b
    Looks exactly right. Thanks.
  • b
    Just gonna add some border and somehow make sure it clips overflow content properly.
  • b
    Something like 
    width="auto"
    isn't supported?
1...993994995...1687Latest