Replace Standard Buttons with Images

 

If you would like to change the default buttons of your Style you can replace each button with an image.  You can create your button images yourself using any image editing software.

Standard Caspio Button and Image Replacement

There are also several online button image generators:

http://jirox.net/AsButtonGen/ – provides several glassy type button styles with many options

http://www.netdenizen.com/buttonmill/glassy.php – creates a custom glassy button and alternate mouse over image

Steps to replacing buttons with images:

After you have created or generated image replacements, go to the Style view of Caspio Bridge.  Select your DataPage Style and click Edit.  Proceed to the settings screen.

Caspio Bridge Style Wizard Screen for Image Replacement of Buttons

In the DataPage Elements panel find the Forms/Details section.  Click on Buttons and find the element type called Image Replacements.  From this section you can activate image replacements for the basic buttons.  Click the checkbox to the left of the button name, and insert the URL of your image into the field to the right.  You may not be able to see the image immediately in the preview window.  Click Finish to save the style and preview in the DataPages view.