Tips & Tricks - Editing Elements

This post shows you how to easily apply style classes from one application element to another and set the original size of images on the workspace.

Apply style classes and CSS adjustments

Style properties (classes and customizations) of application elements can be copied and applied sequentially to other elements.

In the figure above, the "Title" input field has been customized.

The style properties are copied using the "Copy View" option in the main menu.

Using the "Apply View" option in the main menu, you can apply the style properties to another element—or to multiple elements in succession. There are three different types of controls, each of which requires a different selector. Style properties can only be applied within a single control type. The types of controls are:

1. Controls that are integrated as columns in view tables.

2. Radio buttons (radiocontrols)

3. Everyone else

Set to original size

For a button with the "Image" button type, you can select an image in the properties that functions as a button in the browser.

If the selected image does not have the same dimensions as the standard button, it may appear distorted on the desktop.

The "Set Original Size" option in the main menu resolves this issue by automatically adjusting the button's dimensions to match the size of the image.