![]() |
Copyright © TIBCO Software Inc. All Rights Reserved |
You can design mobile forms by configuring the controls specifically for mobile usage. The Mobile Preview tab is provided to view mobile forms at design time: you can type the URL specified in the Mobile Preview tab in the mobile device’s web browser to access the form.
Due to space limitations on a mobile screen, mobile forms are displayed one pane at a time. If the form has nested panes, they are shown as links. You can use the Back button on the form to navigate back to the containing panes in the form.
• The settings on the Layout tab and the Font tab in the Properties view of controls are not supported.
• The settings on the Child Labels tab and the Child Layout tab in the Properties view of the pane is not supported.
• The Label Visibility flag on the General tab in the Properties view of controls and panes is not supported.
•
• The Maximum Length and Display Length fields on the Properties tab in the Properties view for text controls are not supported.
• The Pass-through control is not supported.
• The Multi-select Grid panes are not supported.Some of the panes and controls function differently when they are rendered on a mobile device. See Rendering of Mobile Forms for more details.You have to enable the Openspace Mobile channel type to activate mobile forms. To enable the Openspace Mobile channel globally within the workspace, perform the following steps:
1. Go to Windows > Preferences > Presentation Channels.
2. The Default Channel (Default) is displayed in the right pane.
3. The Presentation Channel dialog is displayed.
4. Select the Openspace Mobile check box from the list.
5. Click Finish.
6. Click Project > Clean to clean the project. This will activate mobile forms.Once mobile forms are activated, you will be able to see the Mobile Preview Tab in the editor.You can enable the Openspace Mobile channel locally within a project by going to Context Menu > Properties > Presentation Channels > Enable project specific settings.The Mobile Preview tab provides the URL used to navigate and preview the forms on mobile at design time. The URL is in the following format: http://<host>:<port>/forms/mobile
• <host> is the name or IP address of the machine on which TIBCO Business Studio is running.
• <port> is the forms preview port. By default the port is 8888. To change the port, goto Window > Preferences > Forms Designer > Preview.
Used to specify a short label which is displayed instead of the label for the mobile rendering of the form. All controls and panes support a Short Label. To set the Short Label, go to the Mobile tab in the Properties view of the component and specify the Short Label. The Short Label can be updated via the API, bindings, or computation actions. To set the toolbar pane, go to the Mobile tab in the Properties view of the pane and select the Toolbar check box. This toolbar pane is rendered at the top of the screen.To set the maximum number of buttons controls go to Preferences > Form Designer > GWT Forms > Maximum mobile toolbar buttons. Used to specify the first year that should be displayed in the date picker in mobile forms. To set the Start Year, go to the Properties tab in the Properties view of the date and datetime controls. The default value is -20. Used to specify whether the value of Start Year is interpreted as being relative to the current year or as an absolute year. To set Start Year Relative, go to the Properties tab in the Properties view of date and datetime controls. The default is true.If this is set to true, then the value of Start Year is interpreted as being relative to the current year. The value specified is added to the current year to determine the earliest year to display. Used to specify the last year to be displayed in the date picker in mobile forms. To set the End Year, go to the Properties tab in the Properties view of the date and datetime controls. The default value is 20. Used to specify whether the value of End Year is interpreted as being relative to the current year or as an absolute year. To set End Year Relative, go to the Properties tab in the Properties view of date and datetime controls. The default is true.If this is set to true, then the value of End Year is interpreted as being relative to the current year. The value specified will be added to the current year in determining the latest year to display. Used to specify the increment to use when displaying the choice for minutes in a time or datetime control. To set Minute Increment, go to the Properties tab in the Properties view of time and datetime controls. The default value is 15 and the maximum value is 60.For example, a value of 10 will display choices of 0, 10, 20, 30, 40, 50. A value of 60 will only display 0 as a choice.The pane that contains the date control displays the formatted date. On selecting the date, a date spinner is shown that allows you to select day, month, and year. The range of years is bounded and is configured in the Properties tab in the Properties view of the control.Figure 71 Date SpinnerFigure 72 Time SpinnerThe pane that contains the datetime control displays the formatted date and time. On selecting datetime, you go to the next screen where the date and time are displayed as two separate links. You can click on the date and time links to set them individually. Clicking the Back button will take you back to the previous screen.Figure 73 Duration ControlFigure 74Choice Spinner
The pane containing the textarea control displays the label. You can select the control to see the text area appear in a full screen. Selecting the Back button returns to the parent pane.Figure 75 Record Panes Display
![]() |
Copyright © TIBCO Software Inc. All Rights Reserved |