Placing abp-button icon on the right (after the text) #6154

2 Answer(s)

• 

  0

  Anjali_Musmade created 3 years ago

  Support Team Member

  Hello bozkan ,

  1. you can place the icon after label like below. <abp-button buttonType="submit" formName="book"> {{ 'AbpUi::Save' | abpLocalization }} <i class="fa fa-check"></i> </abp-button>
  2. If you want to manage with classes don't want separate <i> tag then <abp-button iconClass="fa fa-save float-end me-0 ms-2 custom-margin"> {{ 'AbpUi::Save' | abpLocalization }} </abp-button> And add this in styles.css .custom-margin { margin-top: 0.2rem !important; } Thanks,

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  bozkan created 3 years ago

  Hello bozkan ,

  1. you can place the icon after label like below. <abp-button buttonType="submit" formName="book"> {{ 'AbpUi::Save' | abpLocalization }} <i class="fa fa-check"></i> </abp-button>
  2. If you want to manage with classes don't want separate <i> tag then <abp-button iconClass="fa fa-save float-end me-0 ms-2 custom-margin"> {{ 'AbpUi::Save' | abpLocalization }} </abp-button> And add this in styles.css .custom-margin { margin-top: 0.2rem !important; } Thanks,

  Thank you

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel