Distance between multiple buttons if dynamic has changed

[Michael Salzlechner]

we often have DIVs with multiple buttons and some of them may only show based on some specific data


ever since upgrading Syncfusion to the latest version these buttons are right beside each other. Before there was a small distance between them

in the following example there will be a small space between the Add and Edit button but the Edit and Delete buttons are following each other without distance



<div class="row">

  <div class="col-12">
    <SfButton>Add</SfButton>
      <SfButton>Edit</SfButton>
      @if (allowDelete) {
          <SfButton>Delete</SfButton>
      }
    </div>
</div>

[YuvanShankar Arunagiri]

Hi Michael,

We have checked your report query, and the same issue is replicated with the default button. So, it is not possible to provide a solution for this issue at the source code level. But we have created a sample level workaround to resolve this. You can refer to the below screenshot and code.

Please use the below CSS style to overcome this issue in sample level.

<div class="row">

  <div class="col-12 e-custom-btn">

    <SfButton>Add</SfButton>

      <SfButton>Edit</SfButton>

      @if (allowDelete) {

          <SfButton>Delete</SfButton>

      }

    </div>

</div>

<style>

    .e-custom-btn .e-btn:last-child {

        margin-left: 5px;

    }

</style>

Regards,

YuvanShankar A