Is there a way to style JSON and/or YAML input (i.e. startjson, startyaml)?

Question

The JSON/YAML feature is great, but I was wondering if there was a way to use skinparam or new styling to style the output from JSON/YAML? For example, if I wanted a different border color or thickness.

Thanks!

Answer 1

Thanks for the suggestion.

It's not possible yet, but we might add style to change the output from JSON/YAML. This would mean that there will be some <style> tag after @startjson / @startyaml.

Is this what you are looking for ?

Comments

Yep, exactly. Ideally for font, border, and background, but I would be happy with just border for now :)

Thanks!

---

HorizontalAlignment is another popular style request for JSON/YAML.
Do you see a need to control style of name/key text separately from value text?

Answer 2

This still under work, but you can now have this:

http://www.plantuml.com/plantuml/uml/bPBTJeD048MlkqynBs2bDLLI6zEeiIPQByGN66026_R7p6xReE7T1PQqbYkzW72-cJDdW5qxZ-nhr4gidAyLtObEF4ei63Ly2m1ZS-eV0EungpPiToP_iCeoA5cKFbKxwgklqj2OJvwiyM-e2Pv9xSdB30CBZKnva8dy8fZ5W-WMWTIgjZYEV2cnactSv3qmDiGG7VC_IfbLXfo3-P65SRFeTj4ZHv_8w2qFBpKvzqNJnGc7p5HXLftWC6yOruXm8RCz_FCx5Kna_h3xlCzgH2DMbyDV0hZecmngMi8MkO9jjZb83XabBzlxTLWHzqMhekdy9Xxv4jIwXiGw_EswEdV5iLYJoRjpyGC0

Comments

Awesome, that looks great...thank you!

---

Hello PlantUML team,

, always more...

Sorry to adding more wanted feature...

• Is it plan to manage local style (as on mindmap)?

	Mindmap	YAML/JSON...
Code	@startmindmap <style> root { Margin 3 } mindmapDiagram { node { BackGroundColor lightblue LineColor navy separator { LineColor navy } } } </style> * //root// ** 0 *** name: Mark McGwire *** hr: 65 *** avg: 0.278 <style> mindmapDiagram { node { BackGroundColor pink LineColor red separator { LineColor red } } } </style> ** 1 *** name: Sammy Sosa *** hr: 63 *** avg: 0.288 @endmindmap	@startyaml <style> yamlDiagram { node { BackGroundColor lightblue LineColor navy separator { LineColor navy } } } </style> - name: Mark McGwire hr: 65 avg: 0.278 <style> yamlDiagram { node { BackGroundColor pink LineColor red separator { LineColor red } } } </style> - name: Sammy Sosa hr: 63 avg: 0.288 @endyaml
Output

See my remark/request/wanted feature:

• https://forum.plantuml.net/13000/style-style-management-global-deployment-diagram-mindmap

Thanks for the enhancements,
Regards,
Th.

---

Nice work.
Note: Because the defaults for JSON/YAML have been changed, the plantuml.com pages will need to be refreshed so the examples look correct.

---

Is it plan to manage local style (as on mindmap)?

Unfortunately, it's really difficult to implement local style for Json/Yaml. So we do not plan to support it. Sorry about that !

---

Can styles for Json/Yaml apply to embedded diagrams inside another diagram (i.e JSON in Sequence diagram notes)?

Currently I have to replicate the styles across all embeds (which I can do with !include_many at least)

Example here:

http://www.plantuml.com/plantuml/uml/ZL3DQiCm3BxhAOHxsALZXzr2AMKTREVj2Tn4IRCvDhFbmWX-zybrQ639eO84BBvFtyyXiFOS1mExmB-6zc0T4uw0-ABhxywxQ9kZCyxZoKI21F20xpgWTKXjIpLNmcXcnjkISUwxiv6FCsY9yjIidlqAphxsklDwA4Iy2PLPbKEPTFt_avLProwC1B1xcYg0e-d9CZxkyPFyXJnM-44_aG93wSVbPK5j9moCOtOCjo9B86sNFIrzN7tULzUcRUkwFWbmzhkPEUgYvOm24BBg6rNXynQchJmKImYLqwO4P1lCSG0ySVGM3hA9W_a3