How to style groups (alt, loop etc.) using skin params?

Question

There are some answers about how to add background color, e.g.: https://forum.plantuml.net/4750

But I want to style all the elements: border color, font color of title, background of title, font color of caption, background of caption.

Is this possible using skin params?

Answer 1

Hello A.,

After:

• https://forum.plantuml.net/4750/alt-else-boxes-background-colors
• https://forum.plantuml.net/6410/can-we-format-groups-or-have-different-styles-for-group-alt

You can see:

• https://forum.plantuml.net/10454/sequence-diagram-group-or-opt-boder-color-and-style

Then here is an example, using style, as:

@startuml
hide footbox
<style>
sequenceDiagram {
  participant {
    BackGroundColor white
    LineThickness 1
  }
  group {
    FontStyle italic
    LineThickness 1
    LineColor blue
    LineStyle 3
    BackGroundColor LightSeaGreen
  }
  groupHeader {
    FontStyle plain
    FontColor red
    BackGroundColor palegreen
    LineColor maroon
    LineStyle 3
  }
}
</style>

participant A
participant B

group group label
A-->B : msg
activate A
activate B
A<--B : return
deactivate A
deactivate B
end group

alt alt label
A -> B : msg1
else 
A -> B : msg2
end alt

loop loop label
A -> B : msg3
end loop

<style>
sequenceDiagram {
  group {
    FontStyle bold
    LineThickness 3
    LineColor blue
    LineStyle 10
    BackGroundColor pink
  }
  groupHeader {
    FontStyle bold
    FontColor red
    BackGroundColor palegreen
    LineColor red
    LineStyle 10
  }
}
</style>
loop loop label
A -> B : msg4
end loop
@enduml

Enjoy,
Regards.

Comments

Almost there, thanks for the answer!

Is there any way to adjust the background color, padding, margin or alignment of the loop / alt label?

Part of the label is not visible because of the underlying lifeline.

---

Hello A.,

Seems to be not yet implemented...
But a possible workaround, for alt/loop label, will be to use creole `back` colour, for example with `<back:LightSeaGreen>` as:

See also similar question here:

• https://forum.plantuml.net/15635/text-over-lifeline

Then you can also use `\r` and `\l` to manage alignment... 

If that can help,
Regards.