You should add the following in the custom.scss file and compile using a SASS compiler such as koala. For more info you can check the link provided by Wieke Bouten.
.mx-grid.<your-custom-css-class> {
position: relative;
padding-bottom: 60px;
.mx-grid-controlbar {
position: absolute;
bottom: 0px;
width: 100%;
.mx-grid-pagingbar {
float: left;
}
.mx-grid-toolbar {
float: right;
}
}
}
Set the custom css class to the datagrid where you want to have the button at the bottom:
After compiling you will then get the following result:
Hi Vertika,
Have you tried using CSS to place the button at the bottom? You should be able to do that using the position attribute.
When you then set the data grid to multiple select, you will get a list in the microflow that is behind the continue button.
Hope that helps.