Difference between revisions of "HTML Presentation Object: Redirect to URL"
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
− | + | Follow these steps to create a QPR UI view, which redirects user to another webpage, for example to QPR Suite Portal. This page can be used if QPR UI is used just for authenticating user. | |
Follow these steps: | Follow these steps: | ||
− | # Create a view, | + | # Create a view, and set an identifier for the view as '''redirectview'''. |
+ | # Add a panel and an HTML presentation object. Use the following HTML code:<br /> | ||
<pre> | <pre> | ||
<div id="message<#uniqueId>"></div> | <div id="message<#uniqueId>"></div> | ||
<script> | <script> | ||
var redirectValue<#uniqueId> = "<#redirect>"; | var redirectValue<#uniqueId> = "<#redirect>"; | ||
− | var redirectToUrl<#uniqueId> = "https://demo.qpr.com/QPR2016-1/Portal/QPR.Isapi.dll | + | var redirectToUrl<#uniqueId> = "https://demo.qpr.com/QPR2016-1/Portal/QPR.Isapi.dll"; |
if (redirectValue<#uniqueId>.toLowerCase() == "true") { | if (redirectValue<#uniqueId>.toLowerCase() == "true") { | ||
− | window.location.replace(redirectToUrl<#uniqueId> | + | window.location.replace(redirectToUrl<#uniqueId> + "&xsession=<#expression value="info(\"sessionId\")">"); |
} else { | } else { | ||
$("#message<#uniqueId>").html("To enable redirection, define context variable <b>redirect</b> to be <b>true</b>. Current value is <b>" + $("<div>").text(redirectValue<#uniqueId>).html() + "</b>. Redirect url is " + redirectToUrl<#uniqueId> + "."); | $("#message<#uniqueId>").html("To enable redirection, define context variable <b>redirect</b> to be <b>true</b>. Current value is <b>" + $("<div>").text(redirectValue<#uniqueId>).html() + "</b>. Redirect url is " + redirectToUrl<#uniqueId> + "."); | ||
Line 15: | Line 16: | ||
</script> | </script> | ||
</pre> | </pre> | ||
− | # | + | # In the previous code, replace the '''redirectToUrl<#uniqueId>''' variable with your target url to redirect. You may also remove ''' + "&xsession=<#expression value="info(\"sessionId\")">"''' if the session id doesn't need to be added to the redirect url. |
# Optionally change the layout of the view so that the view shows as empty. That's how the user doesn't see the QPR UI view during redirection. Change background color to white, remove panel border, hide panel fullscreen icon and hide panel header. | # Optionally change the layout of the view so that the view shows as empty. That's how the user doesn't see the QPR UI view during redirection. Change background color to white, remove panel border, hide panel fullscreen icon and hide panel header. | ||
# Use the following url: '''<nowiki>http://HOSTNAME:8080/ui/#/dashboard?sys:dashboardIdentifier=redirectview&redirect=true&sys:hideViewHeader=true</nowiki>''', where HOSTNAME is replaced by your hostname. Note that the defined identifier is used in the url. Note also the sys:hideViewHeader parameter which hides the QPR UI view header. | # Use the following url: '''<nowiki>http://HOSTNAME:8080/ui/#/dashboard?sys:dashboardIdentifier=redirectview&redirect=true&sys:hideViewHeader=true</nowiki>''', where HOSTNAME is replaced by your hostname. Note that the defined identifier is used in the url. Note also the sys:hideViewHeader parameter which hides the QPR UI view header. | ||
+ | |||
+ | [[Category: QPR UI]] |
Revision as of 15:47, 12 December 2017
Follow these steps to create a QPR UI view, which redirects user to another webpage, for example to QPR Suite Portal. This page can be used if QPR UI is used just for authenticating user.
Follow these steps:
- Create a view, and set an identifier for the view as redirectview.
- Add a panel and an HTML presentation object. Use the following HTML code:
<div id="message<#uniqueId>"></div> <script> var redirectValue<#uniqueId> = "<#redirect>"; var redirectToUrl<#uniqueId> = "https://demo.qpr.com/QPR2016-1/Portal/QPR.Isapi.dll"; if (redirectValue<#uniqueId>.toLowerCase() == "true") { window.location.replace(redirectToUrl<#uniqueId> + "&xsession=<#expression value="info(\"sessionId\")">"); } else { $("#message<#uniqueId>").html("To enable redirection, define context variable <b>redirect</b> to be <b>true</b>. Current value is <b>" + $("<div>").text(redirectValue<#uniqueId>).html() + "</b>. Redirect url is " + redirectToUrl<#uniqueId> + "."); } </script>
- In the previous code, replace the redirectToUrl<#uniqueId> variable with your target url to redirect. You may also remove + "&xsession=<#expression value="info(\"sessionId\")">" if the session id doesn't need to be added to the redirect url.
- Optionally change the layout of the view so that the view shows as empty. That's how the user doesn't see the QPR UI view during redirection. Change background color to white, remove panel border, hide panel fullscreen icon and hide panel header.
- Use the following url: http://HOSTNAME:8080/ui/#/dashboard?sys:dashboardIdentifier=redirectview&redirect=true&sys:hideViewHeader=true, where HOSTNAME is replaced by your hostname. Note that the defined identifier is used in the url. Note also the sys:hideViewHeader parameter which hides the QPR UI view header.