Joget DX Available for Download

Check out Joget DX, the next generation successor to Joget Workflow for faster, simpler digital transformation.

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Current »

In this article, we will show you how to combine all action buttons into a single cell.

Before

After

In order to combine them, we can make use of the following sample CSS. You may need to amend them to suit your specific use case. We can then place the CSS into the Userview Menu's header or footer.

CSS
<style>
    body .dataList td.row_action {
        display: inline-block;
        float: left;
        padding: 0 !important;
    }
    
    th.row_action.footable-visible {
        display: table-cell;
    }
 
    .row_action_inner a {
        padding: 10px;
        float: left;
    }
    
    td.row_action.footable-visible.footable-last-column {
        display: table-cell;
        float: none;
    }

    th.row_action.footable-visible.footable-last-column {
        display: table-column !important;
    }


</style>
  • No labels