How does client-side layouting work for GPort?

[srcnuzn]

For example, both ports in the GCompartment below are added overlappingly at the same position instead of being layouted vertically. Note that the vbox layouting works if I replace the ports with simple labels. Am I missing something?

new GCompartmentBuilder()
    .layout(GConstants.Layout.VBOX)
    .layoutOptions(Map.of(
            GLayoutOptions.KEY_H_ALIGN, GConstants.HAlign.LEFT,
            GLayoutOptions.KEY_V_ALIGN, GConstants.VAlign.CENTER))
    .add(new GPortBuilder(DefaultTypes.PORT)
            .add(new GLabelBuilder().text("PORT_1").build())
            .build())
    .add(new GPortBuilder(DefaultTypes.PORT)
            .add(new GLabelBuilder().text("PORT_2").build())
            .build())
    .build()

[CamilleLetavernier]

Hi,

By default, I believe GPort is a standard Node (Although it depends on how you map it in your own application). For this reason, I would expect it to behave like any other child node.

In your case, it seems that the Port doesn't have a size, or its size is not properly taken into account by the parent (Vbox) Layout. This could be because you didn't declare a Layout for your Port, so the parent layout doesn't know what to do with it.

Can you try setting a vbox or hbox layout on your Ports?

[srcnuzn]

Hey,

unfortunately, the GPortBuilder does not offer to set layout. I'm not sure if GPort is layoutable at all, as it does not extend GLayouting or GEdgeLayoutable (is this intended?). Also, setting the size of the ports had no effect on the layouting (but the size change was visible).

What helped was your suggestion from my other question, namely to add a surrounding GCompartment (see here).

With this code the layouting works, but is it the intended way for client-side layouting of ports?

new GCompartmentBuilder()
    .layout(GConstants.Layout.VBOX)
    .layoutOptions(Map.of(
            GLayoutOptions.KEY_H_ALIGN, GConstants.HAlign.LEFT,
            GLayoutOptions.KEY_V_ALIGN, GConstants.VAlign.CENTER))
    .add(new GCompartmentBuilder()
            .add(new GPortBuilder()
                    .add(new GLabelBuilder().text("PORT_1").build())
                    .build())
            .build())
    .add(new GCompartmentBuilder()
            .add(new GPortBuilder()
                    .add(new GLabelBuilder().text("PORT_2").build())
                    .build())
            .build())
    .build()