Best way to give gaps or spaces between tool bar components

UI Components for Angular
Post Reply
aghosh1
Posts: 8
Joined: 12 May 2016, 06:45

24 May 2016, 18:20

Hi All,

What is the best way to give spaces or gap between toolbar components, like between two buttons.

Regards
Arnab

cagatay.civici
Prime
Posts: 18449
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

24 May 2016, 18:41

Inline style can help.

Code: Select all

<p-toolbar>
    <div class="ui-toolbar-group-left">
        <button pButton type="button" label="New" icon="fa-plus" style="margin-right:10px"></button>
        <button pButton type="button" label="Open" icon="fa-folder-open"></button>
   </div>
</p-toolbar>
Or if you repeat this sort of UI, a global css would be better;

Code: Select all

.ui-toolbar .ui-button {
    margin-right: 10px
}

aghosh1
Posts: 8
Joined: 12 May 2016, 06:45

24 May 2016, 19:13

Perfect. Works great. Thanks for such prompt response.

cagatay.civici
Prime
Posts: 18449
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

25 May 2016, 13:54

Glad to help!

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 6 guests