Display HTML on Page Using From URL Parameter

Last Updated: 07/18/2016 Introduced in Verision: 3.5

This tutorial demonstrates how to display HTML page on the Decisions Page using From URL Parameter option.


In this example we are going to show available options on displaying HTML on Decisions Page using From URL Parameter.

We begin in Designer Folder with clicking Create Report/Page > Create Page/Dashboard on the Folder Actions Panel.


Then, we Name the Page and click Create to proceed to the Page Designer.


Next, we add Display HTML component from Basic category in the ToolBox.


Then, for Display HTML component we change Source Type from URL to FromURLParameter.

Additionally, we can set Display Mode separately for Silverlight and HTML Portal Mode for the current Display HTML component.


Then, in the Source settings for the Display HTML component we define Url Parameter name to use later in the Helper Flow.


Next, we add couple more Display HTML components to use different Display Mode options.

We can save and close our Page Designer for now.


Then, we are going to create Helper Flow that will be shown on the Page for the User to be able to input URL. In the Designer Folder we click Create Flow on the Folder Actions Panel.


In the resulting window we Name the Flow and click Create to proceed to the Flow Designer.


In the Flow Designer we add Show Form step from the Favorite Steps category.


Then, we Name the Form and click Create to proceed to the Form Designer.


Our Form is designed to display a Text Box input control for user to be able to provide a URL for each of the Display HTML components on the Page. Additionally, we have a Button component to submit those URLs to the Display HTML components on the Page. When finished we can Save our Form and close Form Designer.


Back in the Flow Designer we add End Form Session component from the Flows, Rules, Forms and Reports > Forms [End] category.


With the End Form Session step selected on the workspace we change its Behavior Option to Navigate. Then, we check Specify Parameters check-box, and Add New Parameters that refer to our Display HTML components’ Url Parameters.


Next, in the Inputs section, we Select Values for the Parameters from the Show Form step outputs in our Flow. Then, for the FolderId input we define a Constant FolderId of the Designer Folder where our Page is going to be displayed. For the Page Name input, we define Constant Name of the Page that we have created in the previous steps in this tutorial.


Finally, we connect Done outcome from the End Session Step to the End Step in our Flow. This completes our Flow. We can Save it and close Flow Designer.


Then, we are going to display the Flow that we have just created on our Page. In the Designer Folder we locate the thumbnail for our Page and Edit it. In the Page Editor we add Flow Run Part component from the Flows category to our Page.


Next, with Flow Run Part component selected, we add the Flow that we created in this tutorial using Flow Id picker in the Flow Info settings.


This completes our Page Design. We can Save the Page and close Page Designer. Back in the Designer Folder we attach our Page as one of the Views for the Designer Folder. Then, we click on the new view to display our Page. Next, we provide the URLs for our Display HTML components in Flow Run Part component and click Display. As a result, HTML is being displayed on the Display HTML components according to the designed Display Mode settings.








Additional Resources