Including Button in your design is very simple. We hope you have already done the installation and activation. If not please click here for free trial and premium installation and activation 

To use BunifuButton simply locate Bunifu Button in your toolbox and drag it to your form. By default your button should appear as below: 

Custom properties

Bunifu Button has the following custom properties that gives you flexibility.

  • ButtonText - This property is used to associate text with the button control
  • ButtonTextMarginLeft - This property allows you to apply offset to the button text on the left margin. This is illustrated below:
  • IdleIconLeftImage - This property allows you to place an icon on the right side of your button. This is illustrated below.
  • IdleBorderColor - This property allows you to set the border color of the button when on an idle state
  • IdleBorderRadius -  This property allows you to achieve smooth edged buttons by simply defining the border radius size. 
  • IdleBorderThickness - This property allows you to modifying the thickness of the button border on idle state. Simply achieve this by setting the thickness value.
  • IdleFillColor - This button allow you to set the background color of the button. You can achieve this by simply setting the color value 
  • TextAlign - This property allows you to align the text within your button. You can align text to the left, right, center, top align and bottom align.
  • DisabledFillColor - This property allows you to set the background color of your button when the state is disabled
  • DisabledForeColor - This property allows you to set the color of your text when the button is in disabled state
  • DisabledBorderColor - This property allows you to set the border color for a button when its state is disabled 

Button on hover state properties (OnHoverState)

  • BorderColor - This property allows you to set the border color of the button when on hover state
  • BorderRadius -  This property allows you to achieve rounded edges on your button when hovered. Simply set the value and that's it!
  • BorderThickness - This property allows you to set the of your button when hovered
  • FillColor - This property allows you to set the background color of your button when hovered. Simply achieve this by setting the color value
  • IdleIconLeftImage - This property allows you to place an icon to the left of the of the button when hovered
  • IconRightImage -  This property allows you to place an icon on the right side of a button when hovered. This is illustrated below
  • Icon Padding - This property allows you to define / control the size of the icon when hovered
  • IconLeftCursor -  This property allows you to set the type of cursor to be displayed when the mouse hovers on the left icon of the button control
  • IconRightCursor - This property allows you to set the type of cursor to be displayed when the mouse hovers on the right icon of the button control
Did this answer your question?