ButtonItem
A button form item, as the name implies, consists of a button that does a custom action. You can customize the button's appearance and position on the form.
alignment
Use the horizontalAlignment instead.
Use the HorizontalAlignment enum to specify this option when the widget is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: Left, Right, and Center.
buttonOptions
See the Button configuration for options that you can specify in this object.
jQuery
$(function() {
$("#formContainer").dxForm({
// ...
items: [{
itemType: "button",
buttonOptions: {
text: "Do Something",
type: "success",
onClick: function () {
// Implement your logic here
}
}
},
// ...
]
});
});Angular
<dx-form ...>
<dxi-item
itemType="button"
[buttonOptions]="buttonOptions">
</dxi-item>
</dx-form>
import { DxFormModule } from "devextreme-angular";
// ...
export class AppComponent {
buttonOptions = {
text: "Do Something",
type: "success",
onClick: function () {
// Implement your logic here
}
};
}
@NgModule({
imports: [
// ...
DxFormModule
],
// ...
})horizontalAlignment
Use the HorizontalAlignment enum to specify this option when the widget is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: Left, Right, and Center.
itemType
name
Use this name to access the form item in the itemOption(id) and getButton(name) methods.
verticalAlignment
Use the VerticalAlignment enum to specify this option when the widget is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: Bottom, Center, and Top.