Display HTML on Page Using From URL Parameter

Last Updated: 08/06/2018 Introduced in Version: 3.5

Overview

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

Example:

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 by 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, in the Steps Tab, locate Favorite Components and Add Display HTML component.

 

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 TextBox input control for the 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.

Then, for the FolderId input, we define a Constant FolderId of the Designer Folder where our Page is going to be displayed.

 

Next, in the Inputs section, we Select Values for the Parameters from the Show Form step outputs in our Flow. 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.

Select Flow from Current Folder.

 

 

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.

htmlDisplayed

 

 

 

 

 

 

Additional Resources