Create a customized button

Step by step tutorial for custom buttons

1. Drag a push button and an image component to the canvas
   • Image may be NSFW.
     Clik here to view.
2. Upload an image to the image component
   • Image may be NSFW.
     Clik here to view.
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.
   • Image may be NSFW.
     Clik here to view.
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.
   • Image may be NSFW.
     Clik here to view.
   • Image may be NSFW.
     Clik here to view.
5. You’ll see that the push button will be over the image component
   • Image may be NSFW.
     Clik here to view.
6. Set the properties of the push button to transparency 100% and untick the label button
   • Image may be NSFW.
     Clik here to view.
   • Image may be NSFW.
     Clik here to view.
7. Type in the tooltip help or description inside the label or map it to a cell.
   • Image may be NSFW.
     Clik here to view.
8. On runtime once you hover on the icon it will show the tooltip description

Image may be NSFW.
Clik here to view.