Mobile Layout


Professional

When generating a form using SkyPDF FormDesigner, by selecting [モバイルレイアウト] in the ribbon, it is possible to embed ‘mobile layout’ information in the form PDF.

CONTENTS

 

Overview

What is Mobile Layout?

Mobile layout is a simple layout that displays only form fields, different from the actual layout as a PDF.
This is a feature that our company has independently designed and developed, and is useful when entering forms on mobile devices, etc.

Products Compatible with Mobile Layout

The set mobile layout will function when displayed in the following compatible products.
If a form PDF with a mobile layout setting is displayed in a product other than the compatible product, only the PDF display will operate as if there is no mobile layout setting.

Settings

By selecting [モバイルレイアウト] in the ribbon of SkyPDF FormDesigner, you can set a mobile layout in the form PDF.
Please make changes to the PDF display such as adding or deleting form fields while selecting something other than [モバイルレイアウト] in the ribbon.

[モバイルレイアウト] in the Ribbon

Undo Undoes the last operation and reverts it to its original state.
Redo Redoes the last Undo operation.
縦向き Make the preview display vertical.
横向き Make the preview display horizontal.
Change the width of the preview display.
高さ Change the height of the preview display.

項目一覧

The ‘項目一覧’ of the [モバイルレイアウト] property displays a list of form fields to be placed in the mobile layout.

↑ / ↓ / → / ← Change the position of the selected item.
グループ追加 Group the selected items.
You can select multiple items by clicking on the items while pressing the Shift key or Ctrl key.
テキスト追加 Add text before the selected item.
削除 Delete the selected group or text.
  • The form field will not be deleted.
クリア Discard all mobile layout information.

グループ追加

If you select the items you want to group and press [グループ追加], you can add a new group.

The group added here is only displayed in the mobile layout and does not affect the PDF display.

The display content of the added group can be changed with the [ラベル] of ‘表示’.

Also, the depth of the group in the mobile layout is limited to 6 layers.

テキスト追加

If you select the item at the position where you want to add text and press [テキスト追加], you can add text.

The text added here is only displayed in the mobile layout and does not affect the PDF display.

The display content of the added text can be changed with the [ラベル] of ‘表示’.

表示

In the ‘表示’ of the [モバイルレイアウト] property, you can change the display settings of the selected item.

The display settings set here apply only to the mobile layout display and do not affect the PDF display.

フィールド名 Specify a unique name to identify each field.
ラベル

Specify the string to be displayed with the selected field on the mobile layout.

(Example of label change)

(Example of display in SkyPDF WebViewer)

非表示にする If you turn on the check, this field will be a hidden field.
読み取り専用 If you turn on the check, this field will be a read-only field.
前のフィールドから改行する If you turn on the check, the position of the field that was side by side will be line break to the next line.
Excludes radio button choices and groups in mobile layout.

サイズ

In the ‘サイズ’ of the [モバイルレイアウト] property, you can change the size settings of the selected text box, list box, and combo box.

The size settings set here apply only to the mobile layout display and do not affect the PDF display.

If you select [ウィンドウ幅に合わせる], the width of the field will match the screen width of the mobile layout.
If you select [指定する], you can freely specify the width of the field.
高さ If you select [幅に合わせて自動調整する], the height will be automatically adjusted while maintaining the aspect ratio at the time of PDF display.
If you select [指定する], you can freely specify the height of the field.
デフォルト Clear the height and width settings and set the default value that this function has for each field type.

The size of the text box, list box, and combo box can also be changed by dragging the size change handle displayed around the field on the mobile layout display when the field is selected.