Custom Button

Content Type: Widget
Categories: User Interface

Overview

The Custom Button widget provides buttons with 12 effects which can be selected from a drop-down.

Documentation

Description

The Custom Button widget provides buttons with 12 effects which can be selected from a drop-down.

Typical usage Scenario

Custom Button widget can be used instead of regular button but also allows adding effects in addition with few extra clicks.

Features:

  • Has 12 effects in built which can be selected in studio pro from Effect drop-down in General tab.
  • Caption color, Border Color and Fill Color can be configured from Styles tab.
  • Action to be performed on click can be Microflow, Nanoflow or any other standard options that mendix provides.
  • Effects adapt to different button size due to caption length.

Dependencies:

  • Studio pro version 9.17.1

Configuration:

  • Button Caption and Effect to be applied to the button can be configured in the General tab of the custom button widget.
  • In the styles tab Text color , Border color and Effect Color can be added.
  • Effect color is important for the color effects (first 5 effects) as this is the color of the effect.
  • For the motion effects that relies on the movement of the button effect color can be removed if required by passing none as parameter.

Screenshots:

image image

Releases

Version: 1.0.0
Framework Version: 9.17.1
Release Notes: ### Custom Buttons **Description:** The Custom Button widget provides buttons with 12 effects which can be selected from a drop-down. **Typical usage Scenario:** Custom Button widget can be used instead of regular button but also allows adding effects in addition with few extra clicks. **Features:** • Has 12 effects in built which can be selected in studio pro from Effect drop-down in General tab. • Caption color, Border Color and Fill Color can be configured from Styles tab. • Action to be performed on click can be Microflow, Nanoflow or any other standard options that mendix provides. • Effects adapt to different button size due to caption length. **Dependencies:** • Studio pro version 9.17.1 **Configuration:** • Button Caption and Effect to be applied to the button can be configured in the General tab of the custom button widget. • In the styles tab Text color , Border color and Effect Color can be added. • Effect color is important for the color effects (first 5 effects) as this is the color of the effect. • For the motion effects that relies on the movement of the button effect color can be removed if required by passing none parameter. **Screenshots:** ![image](https://user-images.githubusercontent.com/126452839/221787246-a90c57e9-981e-4f15-bd0f-5e363fd5888c.png) ![image](https://user-images.githubusercontent.com/126452839/221787267-b24617f1-3fb5-4111-8683-1cb34905e524.png)