Skip to Content
Author's profile photo Former Member

Create a customized button

Step by step tutorial for custom buttons

  1. Drag a push button and an image component to the canvas
    • /wp-content/uploads/2014/04/1_422362.png
  2. Upload an image to the image component
    • /wp-content/uploads/2014/04/2_422391.png
  3. Make sure that the push button is over the image component. Highlight the image component then the push button. Then click make same size button.
    • /wp-content/uploads/2014/04/3_422392.png
  4. The push button will be the same size of the image component. Click on center horizontally and center vertically so that both components are aligned.
    • /wp-content/uploads/2014/04/4_422408.png
    • /wp-content/uploads/2014/04/41_422409.png
  5. You’ll see that the push button will be over the image component
    • /wp-content/uploads/2014/04/5_422410.png
  6. Set the properties of the push button to transparency 100% and untick the label button
    • /wp-content/uploads/2014/04/6_422411.png
    • /wp-content/uploads/2014/04/61_422412.png
  7. Type in the tooltip help or description inside the label or map it to a cell.
    • /wp-content/uploads/2014/04/7_422413.png
  8. On runtime once you hover on the icon it will show the tooltip description

/wp-content/uploads/2014/04/8_422361.png

Assigned Tags

      Be the first to leave a comment
      You must be Logged on to comment or reply to a post.