BackPrevious Topic  Next TopicNext

Display Type Dialog Box

You can use the Display Type dialog box to define the display type of an object in a report. This topic describes the options in the dialog box.

Designer displays the Display Type dialog box when you right-click a label, data field, special field, or basic web control in a report and select Display Type from the shortcut menu.

You can change the display type of an object to one of the following depending on the type of the report containing the object and the type of the object itself:

You see these button for all the display types:

OK

Select to apply your settings and close the dialog box.

Cancel

Select to close the dialog box without saving any changes.

Apply

Select to apply all changes and leave the dialog box open.

Help

Select to view information about the dialog box.

Note icon

  • Designer displays the two display types: List and Drop-down List in the Display Type dialog box, only when you use the dialog box for defining the display type of a parameter field, or a List or Drop-down List web control.
  • Designer displays the button Formula button for some options when the object is in a page report that uses query resources. It indicates that you can use a formula or a DBField to control the value of an option.

Text Display Type

You see the following options for the Text display type:

Dispay Type dialog box - Text

Tool Tip

Specify the tool tip of the text, which displays when users hover the mouse over the text in the HTML output of the report or at runtime.

  • Auto
    Designer selects the option by default, which means using the full content of the text in the tool tip. Clear the option if you want to customize the tool tip.

Web Behaviors

You can specify the web behaviors that you want to bind to the text in this panel.

  • Add button Add button
    Select to add a new web behavior line.
  • Trash Can button Remove button
    Select to delete the specified web behavior.
  • Move Up button Move Up button
    Select to move the specified web behavior higher in the list. When an event bound with more than one action happens at runtime, Logi Report Engine triggers the upper action first.
  • Move Down button Move Down button
    Select to move the specified web behavior lower in the list.
  • Events
    This column shows the trigger events that you select for the web behaviors.
  • Actions
    This column shows the web actions that you specify to trigger when the events occur at runtime. Select the ellipsis Ellipsis button in each cell to bind the web action using the Web Action List dialog box.

Back to top

Image Display Type

You see the following options for the Image display type:

Display Type dialog box - Image

Source

Specify where the image you want to use comes from.

  • From URL
    Select to use an image from a URL. Select Browse to specify the path or type the URL in the text box. You can use these types of images: GIF, BMP, JPG, and PNG.
  • From DBField
    Designer enabled the option for a DBField, formula, or summary. Select it to make the current data field the image source.
    • Decode Type
      This drop-down list contains the types that you can apply for decoding the image: GIF or JPG, Bitmap, SVG, and Auto Detect (this is to detect an image type saved in the database automatically). Select the type that you want to use.
    • Data URI Scheme
      Select if you want to parse the image using the data URI scheme.

Name

Specify the name of the image.

Alternate Text

Specify the text you want to show instead when the image cannot display.

Tool Tip

Specify the tool tip of the image, which displays when users hover the mouse over the image in the HTML output of the report or at runtime.

Size

You can specify the size of the image in this box. Designer disables the options in the box when you select From DBField as the image source and SVG as Decode Type.

  • Original Size
    Select to use the original size of the image. To use customized size for the image, clear the option and Designer enables the following options:
    • Constrain Proportions
      If you select the option, when you set the width or height of the area for displaying the image, Designer adjusts the other accordingly based on the specified width-to-height ratio.
    • Width
      Specify the width of the area for displaying the image.
    • Height
      Specify the height of the area for displaying the image.
    • Scaling Mode
      Select the scaling mode of the image, which controls the image behavior when you adjust the size of the area for displaying the image.
      • actual size - Select to show the image in its actual size. If the size of the area for displaying the image is smaller than that of the image, part of the image will be cut off.
      • fit image - Select to adjust the image to fill up the area for displaying the image, with its original perspective remained but under the limitation of Max Ratio.
      • fit width - Select to adjust the image to fit the width of the area for displaying the image but under the limitation of Max Ratio.
      • fit height - Select to adjust the image to fit the height of the area for displaying the image but under the limitation of Max Ratio.
      • customize - Select to adjust the image according to the width and height that you specify in the Width and Height text boxes, regardless of Max Ratio.
  • Max Ratio
    Specify the maximum scaling ratio up to which Designer can scale the image. By default, the scaling ratio of the image is not limited. If you set the ratio to any value greater than 0, the actual scaling ratio is less than or equal to it.
  • Rotation
    Specify the angle, at which to rotate the image, in degrees. 0 means no rotation; a positive value means to rotate the image clockwise; a negative value means to rotate the image anticlockwise.

Web Behaviors

You can specify the web behaviors that you want to bind to the image in this panel.

Back to top

Barcode Display Type

You see the following options for the Barcode display type:

Display Type dialog box - Barcode

Symbology

Select the type of the barcode: UPC A, UPC E, EAN 13, EAN 8, CODE 39, CODE 128, Codabar, Code 128A, Code 128B, or Code 128C.

Tool Tip

Specify the tool tip of the barcode, which will be shown when you hover the mouse over the barcode in HTML output or at runtime. You can also use a formula to control the tool tip.

Tool Tip

Specify the tool tip of the text, which displays when users hover the mouse over the barcode in the HTML output of the report or at runtime.

Scale Mode

Select the unit for the values of Quiet Zone, Narrow Width, Supplement, Height, and Ratio.

Quiet Zone

Specify the space around the barcode.

Default Message

Specify the default value for the barcode, which Designer applies for the barcode in design mode.

Supplement

Specify the supplement for the barcode. The barcode types, Code 39, Code 128, Code 128A, Code 128B, Code 128C, and Codabar, don't have supplements.

Use Default Massage

Select to use the value that you specify in the Default Message text box as the barcode value when you view the report result; otherwise, Designer only applies the value in design mode.

Enable Checking Digits

Select to include check digits in the barcode.

Display HR

Designer enables this option for the following barcode types: Code 39, Code 128, Code 128A, Code 128B, Code 128C, and Codabar. Select it to display the barcode numbers together with the barcode.

Enable Length Optimization

Designer displays the option for the barcode type Code 128 only. Select it to enable optimizing the length of the barcode in the report result.

Size

You can specify the size of the barcode in this box.

  • Narrow Width
    Specify the width between the barcode bars.
  • Ratio
    Designer enables this option only for the CODE 39 and Codabar barcode types. Use it to specify the width ratio of the thick bar to the thin bar in the barcode. You can set the ratio to one of the following two effective values only: 2.0 or 3.0. Designer regards any ratio values that are not equal to 2.0 or 3.0 as 2.0.
  • Height
    Specify the height for the bars of the barcode.
  • Orientation
    Specify the orientation for the barcode.

Preview

This box displays the format of the selected symbology.

Web Behaviors

You can specify the web behaviors that you want to bind to the barcode in this panel.

Back to top

QR Code Display Type

You see the following options for the QR Code display type:

Dispay Type dialog box - QR Code

Margin

Specify the margin between the image in the middle of the QR Code and the border of the QR Code.

Error Correction Level

Select the level of error correction for the QR Code: L, M, Q, or H.

Default Message

Specify the default value for the QR Code.

Use Default Massage

Select to generate the QR Code using the default value.

Preview

This box displays a preview of the QR Code.

Web Behaviors

You can specify the web behaviors that you want to bind to the QR Code in this panel.

Back to top

Rank Display Type

You see the following options for the Rank display type:

Display Type dialog box - Rank

Default Image for All Value Ranges

Specify the default image for all value ranges, which Designer applies when the value of a field does not fall into any of the defined ranges. You can select Browse to specify the image path or type the path and file name of the image in the text box.

Default Image Alternate Text

Specify the text you want to show instead when the default image cannot display.

Default Tool Tip

Specify the tool tip of the default image, which displays when users hover the mouse over the image in the HTML output of the report or at runtime.

Default Image Rotation

Specify the angle, at which to rotate the default image, in degrees. 0 means no rotation; a positive value means to rotate the image clockwise; a negative value means to rotate the image anticlockwise.

Value Range

You can specify the value ranges for the rank in this box.

  • Add button Add button
    Select to add a new value range.
  • Trash Can button Remove button
    Select to delete the specified value range.
  • Move Up button Move Up button
    Select to move the specified value range higher in the list.
  • Move Down button Move Down button
    Select to move the specified value range lower in the list.
  • Minimum (>=)
    This column shows the minimum values that you specify for the ranges.
  • Maximum (<)
    This column shows the maximum values that you specify for the ranges.
  • Image
    This column shows the images that you specify for the value ranges, which display when the field's values fall into the ranges.
  • Alternate Text
    This column shows the alternate text that you specify for the images of the value ranges, which shows when the images cannot display.
  • Tool Tip
    This column shows the tool tips that you specify for the images of the value ranges, which display when users hover the mouse over the images in the HTML output of the report or at runtime.
  • Rotation
    This column shows the rotation angles that you specify for the images of the value ranges, in degrees.

Web Behaviors

You can specify the web behaviors that you want to bind to the rank in this panel.

Back to top

Text Field Display Type

You see the following options for the Text Field display type:

Display Type dialog box - Text Field

Type

Specify the type of the text field.

  • Standard
    Select to display the text field as a standard text field.
  • Password
    Select to display the text field as a password text field, which means that the value specified in the text field is hidden using asterisks.

Name

Specify the name of the text field.

Value

Select the value of the text field.

Tool Tip

Specify the tool tip of the text field, which displays when users hover the mouse over the text field in the HTML output of the report or at runtime.

Display Width

Specify the display width of the text field.

Max Length

Specify the maximum length of the string that is allowed in the text field.

Read Only

Select to make the field read-only to others.

Disabled

Select if you want to disable the text field.

Web Behaviors

You can specify the web behaviors that you want to bind to the text field in this panel.

Back to top

Hidden Field Display Type

You see the following options for the Hidden Field display type:

Display Type dialog box - Hidden Field

Name

Specify the name of the hidden field.

Value

Select the value of the hidden field.

Web Behaviors

You can specify the web behaviors that you want to bind to the hidden field in this panel.

Back to top

Text Area Display Type

You see the following options for the Text Area display type:

Display Type dialog box - Text Area

Name

Specify the name of the text area.

Value

Select the value of the text area.

Tool Tip

Specify the tool tip of the text area, which displays when users hover the mouse over the text area in the HTML output of the report or at runtime.

Display Width

Specify the display width of the text area.

Number of Lines

Specify the number of lines that is allowed in the text area.

Auto Wrap

Specify whether to wrap the text in the text area.

Read Only

Select to make the text area read-only to others.

Disabled

Select if you want to disable the text area.

Web Behaviors

You can specify the web behaviors that you want to bind to the text area in this panel.

Back to top

Checkbox Display Type

You see the following options for the Checkbox display type:

Display Type dialog box - Checkbox

Name

Specify the name of checkbox.

Value

Select the value of the checkbox.

Tool Tip

Specify the tool tip of the checkbox, which displays when users hover the mouse over the checkbox in the HTML output of the report or at runtime.

Initially Checked

Specify whether the checkbox is selected by default.

Disabled

Select if you want to disable the checkbox.

Web Behaviors

You can specify the web behaviors that you want to bind to the checkbox in this panel.

Back to top

Radio Button Display Type

You see the following options for the Radio Button display type:

Display Type dialog box - Radio Button

Name

Specify the name of radio button.

Value

Select the value of the radio button.

Tool Tip

Specify the tool tip of the radio button, which displays when users hover the mouse over the radio button in the HTML output of the report or at runtime.

Initially Checked

Specify whether the radio button is selected by default.

Disabled

Select if you want to disable the radio button.

Web Behaviors

You can specify the web behaviors that you want to bind to the radio button in this panel.

Back to top

Image Button Display Type

You see the following options for the Image Button display type:

Display Type dialog box - Image Button

Source

Specify where the image you want to use for the image button comes from.

  • From URL
    Select to use an image from a URL. Select Browse to specify the path or type the URL in the text box. You can use these types of images: GIF, BMP, JPG, and PNG.
  • From DBField
    Designer enabled the option for a DBField, formula, or summary. Select it to make the current data field the image source.
    • Decode Type
      This drop-down list contains the types that you can apply for decoding the image: GIF or JPG, BITMAP, SVG, and AUTODETECT (this is to detect an image type saved in the database automatically). Select the type that you want to use.

Name

Specify the name of the image button.

Value

Select the value of the image button.

Alternate Text

Specify the text you want to show instead when the image cannot display.

Tool Tip

Specify the tool tip of the image button, which displays when users hover the mouse over the image button in the HTML output of the report or at runtime.

Disabled

Select if you want to disable the image button.

Size

You can specify the size of the image in this box.

  • Original Size
    Select to use the original size of the image. To use customized size for the image, clear the option and Designer enables the following options:
    • Constrain Proportions
      If you select the option, when you set the width or height of the area for displaying the image, Designer adjusts the other accordingly based on the specified width-to-height ratio.
    • Width
      Specify the width of the area for displaying the image.
    • Height
      Specify the height of the area for displaying the image.
    • Scaling Mode
      Select the scaling mode of the image.
      • actual size - Select to show the image in its actual size. If the size of the area for displaying the image is smaller than that of the image, part of the image will be cut off.
      • fit image - Select to adjust the image to fill up the area for displaying the image, with its original perspective remained but under the limitation of Max Ratio.
      • fit width - Select to adjust the image to fit the width of the area for displaying the image but under the limitation of Max Ratio.
      • fit height - Select to adjust the image to fit the height of the area for displaying the image but under the limitation of Max Ratio.
      • customize - Select to adjust the image according to the width and height that you specify in the Width and Height text boxes, regardless of Max Ratio.

Web Behaviors

You can specify the web behaviors that you want to bind to the image button in this panel.

Back to top

Button Display Type

You see the following options for the Button display type:

Display Type dialog box - Button

Name

Specify the name of the button.

Value

Select the value of the button.

Tool Tip

Specify the tool tip of the button, which displays when users hover the mouse over the button in the HTML output of the report or at runtime.

Action

Specify the default action that happens when users select the button at runtime.

  • None
    Select if you do not want any action to happen.
  • Submit Form
    Select if you want to submit a form.
  • Reset Form
    Select if you want to reset a form.

Disabled

Select if you want to disable the button.

Web Behaviors

You can specify the web behaviors that you want to bind to the button in this panel.

Back to top

List Display Type

You see the following options for the List display type:

Display Type dialog box - List

Name

Specify the name of the list.

Tool Tip

Specify the tool tip of the list, which displays when users hover the mouse over the list in the HTML output of the report or at runtime.

Add button Add button

Designer enables this button when you are using the dialog box for defining the web options of a List web control. You can select it to add a new item in the list.

Trash Can button Remove button

Designer enables this button when you are using the dialog box for defining the web options of a List web control. You can select it to delete the specified item.

Move Up button Move Up button

Designer enables this button when you are using the dialog box for defining the web options of a List web control. You can select it to move the specified item higher in the list.

Move Down button Move Down button

Designer enables this button when you are using the dialog box for defining the web options of a List web control. You can select it to move the specified item lower in the list.

Item Label

This column shows the display text or format that you select for the item values. Select in the cell to select the desired item label from the drop-down list.

Value

This column shows the values that you specify for the items.

If you are using the dialog box for defining the web options of a List web control, you can either type the value in the cell or select the ellipsis Ellipsis button to specify a field to control the value using the Insert Fields dialog box.

Selected

Specify the value to be selected in the list by default.

Allow Multiple Selections

Select to allow selecting multiple items in the list at the same time.

Use Runtime Value

Designer enables this option when you use the dialog box for changing the display type of a parameter to List. Select it to use the runtime value of the parameter as the selected value of the drop-down list.

Disabled

Select if you want to disable the list.

Web Behaviors

You can specify the web behaviors that you want to bind to the list in this panel.

Designer displays the following options when the object is in a web report or library component:

Display

Specify to display the list as Text, Button, Checkbox, or Radio Button. When you select Radio Button, Designer disables the Allow Multiple Selections option.

Vertical

Select to display items in one column vertically in the list, and add a vertical scroll bar in the list if it cannot completely display all the items within the specified height.

Horizontal

Select to display the items horizontally following the Z order in the list.

Item Width

Designer enables this option when you select Horizontal. You can use it to specify the width of each item in the list.

Item Height

Specify the height of each item in the list.

Horizontal Gap

Designer enables this option when you select Horizontal. You can use it to specify the horizontal gap between two adjacent items in the list.

Vertical Gap

Specify the vertical gap between two adjacent items in the list.

Back to top

Drop-down List Display Type

You see the following options for the Drop-down List display type:

Display Type dialog box - Drop-down List

Name

Specify the name of the drop-down list.

Tool Tip

Specify the tool tip of the drop-down list, which displays when users hover the mouse over the drop-down list in the HTML output of the report or at runtime.

Add button Add button

Designer enables this button when you are using the dialog box for defining the web options of a Drop-down List web control. You can select it to add a new item in the drop-down list.

Trash Can button Remove button

Designer enables this button when you are using the dialog box for defining the web options of a Drop-down List web control. You can select it to delete the specified item.

Move Up button Move Up button

Designer enables this button when you are using the dialog box for defining the web options of a Drop-down List web control. You can select it to move the specified item higher in the drop-down list.

Move Down button Move Down button

Designer enables this button when you are using the dialog box for defining the web options of a Drop-down List web control. You can select it to move the specified item lower in the drop-down list.

Item Label

This column shows the display text or format that you select for the item values. Select in the cell to select the desired item label from the drop-down list.

Value

This column shows the values that you specify for the items.

If you are using the dialog box for defining the web options of a Drop-down List web control, you can either type the value in the cell or select the ellipsis Ellipsis button to specify a field to control the value using the Insert Fields dialog box.

Selected

Specify the value to be selected in the drop-down list by default.

Use Runtime Value

Designer enables this option when you use the dialog box for changing the display type of a parameter to Drop-down List. Select it to use the runtime value of the parameter as the selected value of the drop-down list.

Disabled

Select if you want to disable the drop-down list.

Web Behaviors

You can specify the web behaviors that you want to bind to the drop-down list in this panel.

Back to top

BackPrevious Topic  Next TopicNext