Button

The "Button" application element is one of the basic controls. In the image above, you can see the "New" button, which opens an input page in a tooltip when clicked. You can enter a new record on the input page. When you click the "Save" and "Cancel" buttons, they perform the corresponding actions and then close the input page.

Buttons are very versatile and can do a whole lot more.

You can find the button element in the "Applications" module under "Elements. " You can create a new button by dragging and dropping the element from here onto the workspace.

For more information on creating elements, click here.

The Properties dialog box for a button opens automatically when a new button is created. You can open the Properties dialog box for an existing button by double-clicking the element on the workspace, selecting "Properties" from the context menu, or choosing "Edit / Properties" from the main menu when the button is selected.

General

Here, you can set the button type, its text, and other options.

Button Type

There are various types of buttons that can be displayed in a browser; here is an example using the "New" button:

When the "Button" setting is selected, the "New" option appears as a button in the browser.

When the "Text" setting is selected, the "New" button appears as a text link in the browser.

With the "Image" setting, any image you choose becomes a button in the browser.

Button Text

Here you can specify the text to be used as the button's label or title.

Static Text

This option uses static text.

Title

Enter the static button text here. You can find information about multilingual titles here.

Adjust Width/Height to Fit Text

The width or height is adjusted to match the size of the button's text.

Title from data field

This option allows you to select a data field in the application structure whose value will be used as the button's label.

Display text if permissions are missing

If you do not have sufficient page or data group permissions, a corresponding message will appear when you click the button.

Display "empty" if the value is missing

If the data field contains an empty entry, the browser displays the word "empty."

Adjust Width/Height to Fit Text

The width or height is adjusted to match the size of the button's text.

Text Button

If you selected "Text" as the button type in the first step and then selected "Text" in the left pane of the dialog, you can specify here which text will be used for the button's text link. The settings are the same as those for the "Button" button type.

Image button

If you select "Image" as the button type, the "Text" entry in the left pane of the dialog box changes to "Image." Here you can specify which image will be used as a button in the browser.

Still image

This option allows you to use a static image for display both with and without mouse interaction.

Edit

Opens the image selection dialog box.
Remove

Exports the current image again.
If you want to use the same image for the display with and without mouse contact, you can use the arrow buttons to copy the image reference to the other field.
Edit Text Alternative

Opens a dialog box where text can be entered as an alternative to the image in browsers that do not support images.

Save Settings

If you click "OK" here, the button will be created. The size of an image is adjusted to match the dimensions of the button on the desktop. Using the "Edit / Set Original Size" option in the main menu, you can display the image on the workspace at its original size.

Image from data field

This option uses images that have been saved in a file data field. Select this data field by clicking on it in the illustration below the "Default Image" setting.

Sample Image

The image selected here is displayed if the linked data field does not return a value.
- Edit
  
  Opens the image selection dialog box.
- Remove
  
  Exports the current image again.
- Edit Text Alternative
  
  Opens a dialog box where text can be entered as an alternative to the image in browsers that do not support images.
Display text if permissions are missing

If page or data group permissions are insufficient, a corresponding message will appear.
Rotate Rotated Images

Pictures from digital cameras always have the same aspect ratio. If the photo is in portrait orientation, the subject will later appear in landscape orientation in the image. Cameras usually have an orientation sensor. Instead of rotating the image accordingly, they embed the orientation information in the image. With this setting, Intrexx evaluates the orientation information and rotates the image as needed.
Maximum width / height

The image size is limited to the number of pixels entered here.
- Crop Image
  
  The width and height of the image are adjusted to match the aspect ratio of the button.
  - Enlarge smaller images
    
    Smaller images are also resized to the specified maximum size.
- Optimize (reduce) the file size of thumbnails
  
  This reduces the file size, resulting in faster loading times for the application page.
Adjust the control size to the maximum size

Ensures that when the button size on the workspace is changed, the current width and height are automatically entered in the Properties dialog box. If this setting is not enabled, these values and the size of the control on the workspace will not be synchronized.

Options

Conditional Display

You can find all the information on this topic here.

Landing Page Animation in Mobile Browsers

Sets the button's behavior on touchscreens. Select the direction of movement: "From the right" or "From the left."

This setting is only available if the current page has been optimized for mobile devices.

Export

You can find this setting on the "Options" tab under

You can find all the information here.

More Information

Column Display in View Tables