Page 1 of 1
Best way to give gaps or spaces between tool bar components
Posted: 24 May 2016, 18:20
by aghosh1
Hi All,
What is the best way to give spaces or gap between toolbar components, like between two buttons.
Regards
Arnab
Re: Best way to give gaps or spaces between tool bar compone
Posted: 24 May 2016, 18:41
by cagatay.civici
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
}
Re: Best way to give gaps or spaces between tool bar compone
Posted: 24 May 2016, 19:13
by aghosh1
Perfect. Works great. Thanks for such prompt response.
Re: Best way to give gaps or spaces between tool bar compone
Posted: 25 May 2016, 13:54
by cagatay.civici
Glad to help!