If I have two web apps http://www.abc.com/app1 and http://www.abc.com/app2 how do I handle navigation between the two?
I would like to be able to navigate to app2 using links in a menu that I have in a sidebar...
<p:menu>
<p:menuitem outcome="/index" value="Home" icon="ui-icon-home"/>
<p:submenu label="app1">
<p:menuitem outcome="/page1" value="page1" />
<p:menuitem outcome="/page2" value="page2" />
</p:submenu>
<p:submenu label="app2">
<!-- all the links below should point to pages in app2 -->
<p:menuitem outcome="/pageA" value="pageA" />
<p:menuitem outcome="/pageB" value="pageB" />
</p:submenu>
</p:menu>
Obviously outcome="/pageA" doesn't work because it tries to find a page with that name in app1 resulting in a 404.
I have tried outcome="/app2/pageA" and outcome="../app2/pageA" but neither of those work. What are some other alternatives?
Also, I should add that I don't really want to hard-code the url "http://www.abc.com/app2/pageA" because the host name will change depending on where I do my deployment.