Icons for Dynamic Use

Forums Ideas Icons for Dynamic Use

This topic contains 2 replies, has 3 voices, and was last updated by  fer 5 months, 3 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • all12jus
    Member

    I have a tendency to use font-awesome icons to show the user the state they will toggle too when they click on the button. This means i utilize ng-class to set which of the FA-**** classes it needs, but I still would like to have the ability to do this in the default icon component in Bootstrap Studio. All you would need to do is have a Icon Option that sets it to Font-Awesome Blank Icon.

    Also what is your plans on supporting Font Awesome 5 Free/Pro versions?

    By the way: First ever Bootstrap UI builder that I’ve managed to find a place for in my work flow, great job. Hope to see lots more updates.

    Saj
    Member
    Valued

    Having searched through http://fontawesome.io/icons/ I don’t see there being a blank icon so, I wouldn’t think that the BSS app Devs would make a component that would effectively be invalid.

    I just recommend making a Custom Code component for what you need and save it to your library for you to drag/drop, something like:

    <i ng-class="[expression]" class="fa"></i>

    Then all you need to do is edit what the [expression] references, then whatever your trigger is it will change the icon, something like <i ng-class="home" class="fa fa-home"></i>

    I got the idea from using this as an example test https://www.w3schools.com/angular/tryit.asp?filename=try_ng_ng-class

    Saj

    fer
    Member

    Is there any other way to inject Angular attrs (as *ngFor, *ngIf) without them being stripped out? Custom code is useful, but cannot nest BSS components inside of them.

    https://ibb.co/M76c77C

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.