Joget DX Available for Download

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

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

Before

Image Modified

After

Image Modified

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.

Image Modified

Code Block
titleCSS
linenumberstrue
<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>