Welcome to the nuBuilder forums!

Please register and login to view forums and other content only available to registered users.

[Added] Button Icon

Information about updates, news, Code Library
Post Reply
admin
Site Admin
Posts: 2781
Joined: Mon Jun 15, 2009 2:23 am
nuBuilder Version: 4.5
Been thanked: 1 time

[Added] Button Icon

Unread post by admin »

Add a button Icon by providing a Font Awesome icon class

The icon is shown for buttons, run type, word.
icon.png
icon.png (23.03 KiB) Viewed 562 times
admin
Site Admin
Posts: 2781
Joined: Mon Jun 15, 2009 2:23 am
nuBuilder Version: 4.5
Been thanked: 1 time

Re: [Added] Button Icon

Unread post by admin »

A vertical bar “|” can be used to provide a Prefix and/or Suffix icon.


Prefix Icon:

Code: Select all

far fa-chart-bar
prefix_icon.jpg
prefix_icon.jpg (5.49 KiB) Viewed 597 times

Suffix Icon:

Code: Select all

|far fa-chart-bar
suffix_icon.jpg
suffix_icon.jpg (5.55 KiB) Viewed 597 times
Prefix & Suffix Icon:

Code: Select all

far fa-arrow-alt-circle-right|far fa-chart-bar
prefix_suffix_icon.jpg
prefix_suffix_icon.jpg (6.14 KiB) Viewed 597 times

Prefix with a unicode charater:

:arrow: Unicode table

Code: Select all

prefix_unicode_character.jpg
prefix_unicode_character.jpg (5.24 KiB) Viewed 597 times

Prefix icon with inline css / custom style

Code: Select all

<i class="far fa-hand-point-right fa-2x" style="color:red"></i>
prefix_icon_custom_style.jpg
prefix_icon_custom_style.jpg (7.03 KiB) Viewed 597 times
admin
Site Admin
Posts: 2781
Joined: Mon Jun 15, 2009 2:23 am
nuBuilder Version: 4.5
Been thanked: 1 time

Re: [Added] Button Icon

Unread post by admin »

Update: The icon is now under "Properties" and can be set for buttons, run type and word (new)
Post Reply