A Button intercepts touch events and sends an action message to a target object when tapped. The Button control can display both text and images. When the button is clicked, it looks as if it is being pushed in and released.
Configure.IT provides you with this control, allowing you to click to provide input to an application. A Button here serves as an interactive component that enables users to communicate with an application. This control receives a touch event and executes the action configured related to the events. It provides options for setting the title, image and appearance properties of a button. By using these properties, you can specify a different appearance for each Button state. You can even define an Action on Button to ease the flow of app and give that faultless handling.
Set the state of Button to either of the following; normal, highlighted, selected or disabled.
The normal or default state of a control, that is enabled but neither selected nor highlighted.
Sets the color for the title to be used for the Normal state.
Sets the shadow color for the title to use for the specified state.
Sets the Image to use for the Normal state.
Sets the Background Image to be used for the specified Button state.
A Boolean property to indicate whether the gesture recognizer is enabled.
A Boolean value to indicate whether the receiver should be selected.
A Boolean value to indicate whether the receiver should be highlighted.
Sets the horizontal alignment for content (text or image or both) of Button.
Sets the vertical alignment for content (text or image or both) of Button.
Enables the Interaction with user, i.e. control responds when user taps on it.
Used to set the transparency to the Button which ranges from 0 to 1.
Used to set the background color to the Button.
It is used to visually indicate which controls on the Button are active or have an action associated with them.
Padding is defined as space between the edges of the view and the view's content. Drawable Padding is the padding between the drawables and the text. Sets the padding in pixels, of all four edges.
This is Android specific attribute to use Image with Content(text).
Sets the X position of the Button.
Sets the Y position of the Button.
Sets the width of the Button.
Sets the height of the Button.
Sets unique identifier for the control. Control can be referenced with the name, set in this property for configuration.
Set "Object ID" of Button which contains this control or can serve as parent.
Sets the web service key from data received from web server, which corresponds to the value to be displayed in the control.
Enables Marquee effect on Button, i.e makes text scroll across the screen.
Sets the image path if image is already downloaded. e.g /Documents/Profile Images/
Sets dummy image to display while image data is being received from web server.
Sets angle in degrees to which control in its selected state has to be rotated. Possible values for this property are -360 to 360.
Enables underline for the text displayed on label or button. Underline color will be the color set in "Under Line Color" property and if it is not set then underline will be text color of the control, by default.
Underline color will be the color set here and if it is not set then underline will be text color of the control, by default.
Enables HTML in Button. Allows styling of text in Button using HTML code
Sets the font of the text to be displayed.
Sets the font size of the text to be displayed.
The technique to use for wrapping and truncating the Button’s text. You can choose from Word wrap, Character wrap, Clip, Truncate head, Truncate tail and Truncate middle.
Sets angle in degrees to which control in its normal state has to be rotated. Possible values for this property are -360 to 360.
Sets border width for a Button.
Sets radius with which control's rounded corners should be drawn. Setting this property will enable control appear with rounded corners.
Sets the border color for a control. Works only if "Border Width" property is set to a value more than 0. Default would be black color.
Sets width of each dash in dashed border pattern for a control.
Helps set the spacing between Dashes for Dashed Border.
Hiding an element can be done by checking ‘Hide’. This property lets you hide the control.
Advance - Sets auto resizing with respect to superview, for Button.
The vertical offset of the shadow used to display the Button’s title. Positive value always extend up from the user's perspective.
The horizontal offset of the shadow used to display the Button’s title. Positive value always extend to the right from the user's perspective.
If checked the checkbox, the Button title shadow changes from engrave to emboss appearance when highlighted.
A Boolean value that determines whether tapping the button causes it to glow.
A Boolean value that determines whether the image changes when the button is highlighted.
A Boolean value that determines whether the image changes when the button is disabled.
Sets the edge inset properties for the content within the button separately. i.e, there are three possible classification of button - Title, Image or Content(both image and title included). Whereas there are 4 edge properties of button which can be set separately for each content type.
Sets the inset or outset top margin for the button title. A positive value shrinks, or insets, top edge-moving it closer to the center of the button. A negative value expands, or outsets, top edge-moving it away from center of the button.
Sets the inset or outset bottom margin for the button title. A positive value shrinks, or insets, bottom edge-moving it closer to the center of the button. A negative value expands, or outsets, bottom edge-moving it away from center of the button.
Sets the inset or outset left margin for the button title. A positive value shrinks, or insets, left edge-moving it closer to the center of the button. A negative value expands, or outsets, left edge-moving it away from center of the button.
Sets the inset or outset right margin for the button title. A positive value shrinks, or insets, right edge-moving it closer to the center of the Button. A negative value expands, or outsets, right edge-moving it away from center of the Button.
Group of horizontal android default properties.
Group of vertical android default properties.
The height of the view cannot be less than the given value.
If user select “Default Min Height” then android default value is taken otherwise it takes 0dp.
The width of the view cannot be less than the given value.
If user select “Default Min Width” then android default value is taken otherwise it takes 0dp.
This property centers the child vertically with respect to the bounds of its parent view.
If any of the layout setting parameter(s) are selected then this value is selected to indicate user applied custom layout setting parameter(s).
Sets the width of the view
match_parent/fill_parent : Takes the width as its parent view
wrap_content : Takes the width as its content’s width
Sets the height of the view
match_parent/fill_parent : Takes the height as its parent view
wrap_content : Takes the height as its content’s height.
The padding is expressed in pixels for the left, top, right and bottom parts of the view. Padding can be used to offset the content of the view by a specific amount of pixels.
For instance, a Left value of 2 will push the view's content by 2 pixels to the right of the left edge.
For instance, a Right value of 2 will push the view's content by 2 pixels to the left of the right edge.
For instance, a Top value of 2 will push the view's content by 2 pixels to the bottom of the top edge.
For instance, a Bottom value of 2 will push the view's content by 2 pixels to the top of the bottom edge.
Group of horizontal android default properties.
These are the android default properties to set selected view with respect of other view.
Reference object that is used for positioning selected object.
marginLeft : Specifies extra space on the left side of this view. This space is outside this view's bounds.
marginRight : Specifies extra space on the right side of this view. This space is outside this view's bounds.
Offset Value defines the extra space value in the pixel.
This property centers the child horizontally with respect to the bounds of its parent view.
If any of the horizontal layout setting parameter(s) are selected then this value is selected to indicate user applied horizontal custom layout setting parameter(s).
Group of vertical android default properties.
These are the android default properties to set selected view with respect of other view.
Reference object that is used for positioning selected object.
marginTop : Specifies extra space on the top side of this view. This space is outside this view's bounds.
marginBottom : Specifies extra space on the bottom side of this view. This space is outside this view's bounds.
Offset Value defines the extra space value in the pixel.
This property centers the child vertically with respect to the bounds of its parent view.
If any of the vertical layout setting parameter(s) are selected then this value is selected to indicate user applied vertical custom layout setting parameter(s).
This event is triggered when user taps on the control. Hence the required Action can be configured on ‘Click’ event.
This event is triggered on successful of captured screenshot of given view.
Captured screenshot local image path results can be retrieved as response parameters of this event. Following are the response parameters:-
ScreenshotImage
This event will be triggered if user cancels the scanning process, which was initiated either using "barcode" action.
This event is triggered when user successfully selects image or video or audio.
This event will be triggered on completion of animation, which was initiated using either "Add Animation" or "Remove Animation" action, so any actions you want perform on animation completion can be configured in "Animation Completed" event listed in ”ACTION(S)” tab of control on which you configured “Add Animation” or "Remove Animation" action.
This event will be fired on completion of video
This event is triggered on successful bar code scanning, which was initiated using "barcode" action.
Toggle feature is for using button as a check box (ON/OFF). Enable “Is Toggle Button” property for this feature. You need to set “Normal Image”, as an indicator for OFF state and “Selected Image”, as an indicator for ON state.
Normal Image property adds an image/icon to button in its normal state. If title is set image will be added next to it. All of which, image and(or) title, are overlaid over the background image. If you set some title to your button too, the image will be drawn next to the title and its position will depend on the title length (and also on the Title Edge Insets / Image Edge Insets/ Content Edge Insets properties to adjust this position).
Normal Background Image property sets the background image of the Button in its normal state. You have to use this in conjunction with “Button Type” property set to "Custom”.