About Styles
The look and feel of your DataPages can be customized using DataPage Styles. A Style is a set of attributes that control the appearance of each DataPage element including labels, fields, buttons, containers, data, error messages, and special controls used in results pages of Search and Reports. ...
- Creating a Style
To create a Style Object with the Caspio Bridge Styles Wizard, go to the Styles view and click on the toolbar. This brings up the Styles Wizard. 1. Style Name and Options Enter a name for your Style. Show Advanced Options is checked by default. Deselect this option if you do not plan to edit t ...
- Style Element Types
The following lists Element Types that can be styled, along with where they are found on the Style Wizard's screen and their configurable settings. Element Type Description Default Labels Found in: Forms/Details > Labels Styles the appearance of text shown to the left of non-required ...
- Advanced Style Options
Caspio Bridge provides advanced styling options to users who are comfortable working with CSS (Cascading Style Sheets). To access these options, check Show Advanced Options (CSS Source) on the first screen of the Style Wizard. The following becomes available to you: Clear All Button Clicking th ...
- Exporting and Importing Styles
Caspio Bridge Styles can be exported to your local computer at any time, and imported back into your account whenever you need them. This is very helpful when you have a Style that you wish to share with other Caspio Bridge users. Caspio Bridge Styles are compressed in ZIP format for faster dow ...
- Font Options
Setting Description Color Click the ellipsis (...) button to bring up the color picker. Click a color or specify your custom color using hexadecimal RGB values. Face 12 font faces are provided for you to choose from. Size The size may be set using absolute (8 to 18px) or relative (xx ...
- Border Options
Setting Description Color Click the ellipsis (...) button to bring up the color picker. Click a color or specify your custom color using hexadecimal RGB values. Type 8 border line types are provided for you to choose from. Size Border line width may be specified using absolute (0 to ...
- Layout Options
Setting Description Padding Specifies the spacing between the border of a container and its contents. Format: top right bottom left Example: 1px 1px 0px 4px You can enter only two values to specify vertical and horizontal padding, or one value to set equal padding on all four sides. Applie ...
- Background Options
Setting Description Color Click the ellipsis (...) button to bring up the color picker. Click a color or specify your custom color using hexadecimal RGB values.
