I'd like to add an output link next to an input field on a form (so that a user can select the link to get some contextual help about the field).

I have been able to add the outputlink to the page but cannot work out how to get the link to appear next to the field rather than next to it.

Attached is a mockup of what I'd like it to look like:



Any help would be greatly appreciated

thanks

I have added the following to an existing VF page:

<apex:pageBlockSection >
      <apex:pageBlockSectionItem >
              <apex:outputLabel value="Help"/>
                      <apex:outputLink onclick="window.open('https://c.cs6.visual.force.com/apex/InteractionSubTypeHelp','_blank','toolbar=false, scrollbars=yes, resizable=yes, top=200, left=200, width=1050, height=500');">Sub Type Definitions</apex:outputLink>
      </apex:pageBlockSectionItem>
</apex:pageBlockSection>

This opens another VF page as a pop up window.

Works ok in Chrome and Firefox



However, in IE 9 and above, the VF page opens in the pop up window as expected , however, the URL of the original VF page is truncated resulting in an invalid URL error:



The cause of this appears to be:

SEC7111: HTTPS security is compromised by .https://localhost/index.html?sfdcIFrameOrigin=https%3A%2F%2Fc,cs6.visualforce.com.....




I beleive that this is IE's way of blocking mixed content.

Any ideas on how to get around this would be most appreciated.

Thanks in advance

I have added the following to an existing VF page:

<apex:pageBlockSection >
      <apex:pageBlockSectionItem >
              <apex:outputLabel value="Help"/>
                      <apex:outputLink onclick="window.open('https://c.cs6.visual.force.com/apex/InteractionSubTypeHelp','_blank','toolbar=false, scrollbars=yes, resizable=yes, top=200, left=200, width=1050, height=500');">Sub Type Definitions</apex:outputLink>
      </apex:pageBlockSectionItem>
</apex:pageBlockSection>

This opens another VF page as a pop up window.

Works ok in Chrome and Firefox



However, in IE 9 and above, the VF page opens in the pop up window as expected , however, the URL of the original VF page is truncated resulting in an invalid URL error:



The cause of this appears to be:

SEC7111: HTTPS security is compromised by .https://localhost/index.html?sfdcIFrameOrigin=https%3A%2F%2Fc,cs6.visualforce.com.....




I beleive that this is IE's way of blocking mixed content.

Any ideas on how to get around this would be most appreciated.

Thanks in advance