Our blazing fast Grid component built with pure JavaScript


Post by guillermoxintel »

Dear friends, I'm having an issue with the buttons not aligning correctly with the icon, I don't think I'm doing something to damage the alignment but, please check the attached file. any ideas?
Image


Post by mats »

Likely you have some global button CSS rules that conflict with our styling. Should be easy to debug if you check in Chrome why the text is not center aligned (flex box)


Post by guillermoxintel »

Hello mr Mats, is there a way to fix this? like adding a class using cls maybe ?? I noticed your program creates a button, then a label and a div for the tooltip... they added a modification to ALL label tags (which is a mistake) to add a margin-bottom.

What I mean is... is there a way to specify a class for the label specifically?


Post by marcio »

Hey guillermoxintel,

Yes, you can add a cls in the button component, check the documentation here https://www.bryntum.com/docs/grid/api/Core/widget/Button#config-cls and here https://www.bryntum.com/docs/grid/api/Core/widget/Button#config-contentElementCls

If you need more assistance, please share how you set up your project and the buttons.

But usually, that kind of situation is caused by as Mats said, some external CSS that is overriding the default Bryntum CSS.

Best regards,
Márcio


Post Reply