How to force vertical arrangement of packages?

Question

Hi,

This specification:

@startuml

hide circle
hide members

package " Some Foo Package " as P1 {
    class "Foo Core" as FooCore
    class "Foo Shell" as FooShell
    class "Foo Config" as FooConfig
}

package " Some Bar Package " as P2 {
    class "Bar Core" as BarCore
    class "Bar Shell" as BarShell
    class "Bar Config" as BarConfig
}

package " www.example.local config " as P3 {
    class " Config 1 " as Config11
    class " Config 2 " as Config12
}

package " www.example2.local config " as P4 {
    class " Config 1 " as Config21
    class " Config 2 " as Config22
}

FooShell  --> BarCore: creates
BarShell --> Config11: creates
BarShell --> Config21: creates

@enduml

is rendered into:

However if I change the associations slightly, it is no longer rendered in three layers. In other words,

@startuml

hide circle
hide members

package " Some Foo Package " as P1 {
    class "Foo Core" as FooCore
    class "Foo Shell" as FooShell
    class "Foo Config" as FooConfig
}

package " Some Bar Package " as P2 {
    class "Bar Core" as BarCore
    class "Bar Shell" as BarShell
    class "Bar Config" as BarConfig
}

package " www.example.local config " as P3 {
    class " Config 1 " as Config11
    class " Config 2 " as Config12
}

package " www.example2.local config " as P4 {
    class " Config 1 " as Config21
    class " Config 2 " as Config22
}

FooShell  --> BarCore: creates
BarShell --> Config11: creates
BarShell --> Config21: creates

@enduml

is rendered to:

How can I enforce a layout in which "Some Foo Package" is on top of "Some Bar Package", and "Some Bar Package" is on top of the other two packages?

Also how can I enforce the classes in Some Foo Package remain on the same line?

FooConfig-[hidden]-FooShell
FooShell-[hidden]-FooCore

didn't help:

Thanks in advance.

Comments

I must have overlooked something but I don't see any difference between the 2 code parts.
Did you try them on the plantuml webserver (http://www.plantuml.com/plantuml/uml) as well?

---

Hi,



was this what you were looking for?
@startuml
left to right direction
...
@enduml
Which results in this:

http://www.plantuml.com/plantuml/uml/ZP7DIWCn58NtUOf3zorCTEL2YeBhGfyWPcvdWZUJagIC8Bwx96d4-L6xktVEHyutoJv4vUF5ic0wHKG7Rxe-eZMUT3Hk4Brf2TfupLHcI_QLV13YhFIRwWWR79qbl3Y7m_Sd5N1ey240GBCA0Pi4F3jFAKnqckVviIVc2kHbUS9mCbr5oYO-5pPFoizivDGc0TKcqMcUvzKc0tcP4wM_8cisupZkw5tPCzEEdLOCdQchrTtKwdeWcXANhMdM43b1vA-jSgts_ePQ-N-jpBNrgO3jzh7UvGEq9nKfY7ftEQr_z6SiVyHx6jgBvIy0

BR,
Michael

Answer 1

Looks like connecting the nodes using:

X-right[hidden]-Y
X-left[hidden]-Z
X-up[hidden]-Z
X-down[hidden]-Z

can help:

@startuml

hide circle
hide members

package " Some Foo Package " as P1 {
    class "Foo Core" as FooCore
    class "Foo Shell" as FooShell
    class "Foo Config" as FooConfig
}

FooConfig-right[hidden]-FooShell
FooShell-right[hidden]-FooCore

package " Some Bar Package " as P2 {
    class "Bar Core" as BarCore
    class "Bar Shell" as BarShell
    class "Bar Config" as BarConfig
}

package " www.example.local config " as P3 {
    class " Config 1 " as Config11
    class " Config 2 " as Config12
}

package " www.example2.local config " as P4 {
    class " Config 1 " as Config21
    class " Config 2 " as Config22
}

P1 --> BarCore: creates
P2 --> Config11: creates
P2 --> Config21: creates

@enduml