alignment issues

Hi,   I have a data grid two. The caption and the Total hours is not aligned. I can't work out how to align them. Both screenshots are below.   In studio pro   In Local   Anyone know how to move the Total hours to align with the hours caption please?   Thanks  
1 answers

Hi Jessica,


I see that the Tree Node widget gives the following styling to the element, which causes a margin of 8px on the left side of your text. In order to override this, you have to apply some custom styling.




Create your own CSS class in your custom stylesheet within your project and apply the following properties to it:


.treenodenomargin {
    .widget-tree-node-branch-header-value {
        margin-left: 0px;

Open your Tree Node widget, go to the 'Appearance' tab and apply the 'treenodenomargin' as your Class. Note that 'treenodenomargin' was just an example, you can obviously come up with a better name.


Good luck!