participant Bob [[http://www.yahoo.com]] Bob -> Alice : [[http://www.google.com]] hello
class Dummy [[http://www.yahoo.com]] Object <|-- Foo class Foo { [[http://www.google.com]] + methods1() [[http://www.yahoo.com/A1{Some explainations about this method}]] + methods2() [[http://www.yahoo.com/A2]] } class Foo2 { + methods1() [[http://www.yahoo.com/B1]] + methods2() [[http://www.yahoo.com/B2]] } class Object { [[http://www.yahoo.com]] }
:Foo: note left of Foo { [[http://www.google.com]] This is a note }
note right of Foo { Yet another link to [[http://www.google.com]] as demo. You can also <u>[[http://www.yahoo.fr specify a text]]</u> for the link. And even <u>[[http://www.yahoo.fr{This is a tooltip} add a tooltip]]</u> to the link. }
Dummy -> Alice : foo1 ref over Alice, Dummy : [[http://www.google.com]] Foo2
Alice -> Bob : hello
ref over Alice, Bob [[http://www.google.com]] this is a reference over Alice and Bob end
!startsub LEGEND skinparam legendBackgroundColor #transparent skinparam legendBorderColor #white legend top left | Legend | |<#bisque> Pick-one | |<#business> Recommended | |<#gainsboro> Optional | |<#white> Also consider | endlegend !endsub
Exporting
To export a diagram that has hyperlinks, it needs to be saved as an SVG and included using this syntax:
1 2 3 4
<!-- Need to use Object tags to get the links in an SVG to be clickable --> <object data="se-front-end.svg" type="image/svg+xml" width="100%"> <img src="se-front-end.svg"/> </object>
Brett Uglow
I am a software engineer (with a focus on the front-end) with 15+ years in the IT industry, working with large telecommunications and financial companies. I’m passionate about creating great user experiences, writing code that is testable + maintainable + efficient, and seeing peoples’ lives changed-for-the-better.
I am the voice of one crying in the wilderness, “Make straight the way of the Lord!” John 1:23
I have been developing a website for a top-tier client in Melbourne. The site is built using AngularJS (v1.1.5 as of time of writing), SASS, Compass and GruntJs to pull it all together. The development team consisted of myself as lead dev, Mario Skouros, Peter Mescalchin and Steven Yip, with assistance from Michael Black and Vlado Grancaric. Well done guys!
On Monday 23rd June, I was privileged to attend the first AngularJS Melbourne Meetup as a guest speaker. Thanks to Alex for organising the event. It was a great night!