Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

custom action bug

See original GitHub issue

I’m trying to add a button to custom action, but a new column is not added in the action, making the button overlap with the others.

settings = {
    actions: {
      custom: [
        {
          name: 'Button',
          title: 'Button ',
        }
      ],
    },
    columns: {
      name: {
        title: 'Full name'
      },
      email: {
        title: 'Email'
      },
      lastLogin: {
        title: 'Last Login'
      }
    }
  };

Issue Analytics

State:
Created 5 years ago
Comments:5

Top GitHub Comments

4reactions

NicolasKrittercommented, May 6, 2019

Got a fix in my global scss file

tr .ng2-smart-actions{ display: flex; }
ng2-st-tbody-custom {display: flex;}

ng2-st-tbody-edit-delete a.ng2-smart-action {display: inline-block !important;}
ng2-st-tbody-create-cancel a.ng2-smart-action {display: inline-block !important;}
ng2-st-tbody-custom a.ng2-smart-action.ng2-smart-action-custom-custom {
    display: inline-block;
    width: 70px;
    text-align: center;
}

In the screenshot, all icons are custom action adn all text button are the native edt/delete you can play with the withd and text-align

0reactions

HenriquePTcommented, Sep 17, 2020

Got a fix in my global scss file
tr .ng2-smart-actions{ display: flex; }
ng2-st-tbody-custom {display: flex;}

ng2-st-tbody-edit-delete a.ng2-smart-action {display: inline-block !important;}
ng2-st-tbody-create-cancel a.ng2-smart-action {display: inline-block !important;}
ng2-st-tbody-custom a.ng2-smart-action.ng2-smart-action-custom-custom {
    display: inline-block;
    width: 70px;
    text-align: center;
}
In the screenshot, all icons are custom action adn all text button are the native edt/delete you can play with the withd and text-align

This fix worked for me. Thanks @NicolasKritter