Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Shobhana Suara
1415
Move the button in toolbar to left
posted

I am using igx data grid with [showToolbar] as true. 

Requirement: Display a 'Reload' button on the left of the toolbar. How can i achieve.  I tried to give a class and write the css for the same. But it is not working.

HTML code:

<ng-template igxToolbarCustomContent let-grid="gridAll">
<button class="btn-style" igxButton="raised" igxRipple igxRippleCentered="true" (click)="reloadPage()">
<igx-icon class="btn-icon">refresh</igx-icon>
Reload
</button>
</ng-template>

SCSS:

::ng-deep {

.btn-style { float: left; 

}

}

What am i doing wrong. Please help!