The PDF component embeds external content on a page via a URL. This topic describes how to configure the component.
Step 1: Add the component
-
Create a mobile application. For more information, see Create a mobile application.
-
In the mobile application editor, click the Components icon
on the far left. -
(Optional) Add a column component to set the page layout. For more information, see Horizontal columns and vertical columns.
-
Above the component list on the left side of the canvas, enter PDF in the search box, find the component, and then drag it to the canvas.
For more information about adding components, see Add a component.
After you add the component, the PDF component on the canvas displays the prompt Please enter a PDF link. In the properties panel on the right, you can configure style properties such as width (default: 300), height (default: 480), opacity, and margins. A How to Configure PDF help link is provided at the bottom.
Step 2: Configure the data source
-
In the Style tab on the right side of the mobile application editor, click Configure next to Link.
-
In the Configure Link panel, configure the URL for the content displayed by the component.
Parameter
Description
Link Content
Static data: Enter a URL in the Link Content field.
Dynamic data: Click Parameter Source, and then select and configure the data source type for the link content.
-
Page variable: Select an existing page variable in the current application as the source of the parameter value. For more information, see Manage page variables.
-
Component value: Select a configured form component in the current application as the source of the parameter value.
-
URL parameter: Use a URL parameter (key=value) from the final published page URL of the application. When you configure the URL source, the URL Parameter must match the key. At runtime, the Link Content automatically retrieves the value of the corresponding URL parameter from the page URL.
URL Parameter
Optional.
Click URL Parameter to add URL parameter key-value pairs.
Click Parameter Source to the right of the Value field to select and configure a data source type (Login Account, page variable, component value, or URL parameter). For descriptions of page variables and component values, see the description for Link Content.
-
Login Account: If application account authentication is enabled, you can select the logged-in user's account information as a request parameter when you configure services such as Data Analysis Service, custom APIs, or Service Development Workbench APIs. This lets you customize the interface or features. For more information, see Account Data.
-
URL parameter: Hover over the help icon next to URL Parameter for instructions on configuring key-value pairs.
If you select the Auto Update checkbox, the data source updates automatically whenever the parameter changes.
-
Step 3: Configure styles
-
Adjust the component's dimensions and position on the page. For more information, see General styles.
-
Preview and debug the component's data display and style. For more information, see Preview and debug.