Page 2 of 2 FirstFirst 12
Results 11 to 15 of 15

Thread: Font Awesome

  1. #11
    Sencha Premium Member
    Join Date
    Oct 2012
    Posts
    56

    Default

    Quote Originally Posted by ryeo View Post
    Hi,

    how did you center your icon, did you use iconmask - x-icon-mask?

    I get a white square when I used the iconmask...

    Thanks!
    you can modify the property in the font-awesome.css like below. This will change across the all font. you can also do individual font css with using override

    .fa {
    display: inline-block;
    margin-top: 4px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #C4E5EE;
    }

  2. #12
    Sencha Premium Member
    Join Date
    May 2010
    Location
    Guatemala, Central America
    Posts
    1,560

    Default

    Use glyph property with the hex code of the font, for example:

    Code:
    ...
    glyph: "[email protected]"
    ...
    UI: Sencha Architect / ExtJS 4 - 6
    Server side: JEE / EJB 3.x / CDI / JPA 2.x/ JAX-RS / JasperReports
    Application Server: WildFly / Weblogic
    Databases: Oracle
    / MySQL / DB2 / Firebird

    If you like my answer please vote!

  3. #13
    Sencha User
    Join Date
    Oct 2013
    Posts
    3

    Default Too late..

    Moving away from Sencha because of lack of mobile support and dated themes despite waiting for them for 18 months. We spent a month and rebuilt whole app in bootstrap.

    So long and thanks for all the fish.

  4. #14
    Sencha Premium Member
    Join Date
    May 2010
    Location
    Guatemala, Central America
    Posts
    1,560

    Default

    Moving away from Sencha because of lack of mobile support
    What you mean?
    AFAIK Sencha Touch is the best HTML 5 framework for Mobile APPLICATION development.

    and dated themes despite waiting for them for 18 months.
    In the ExtJS side you are right but they were investing on Touch themes.

    We spent a month and rebuilt whole app in bootstrap.
    An application or Mini / responsive web site?

    Did you wrapped it with Cordova / PhoneGap?

    Do you have something like infinite list?

    Regards.
    UI: Sencha Architect / ExtJS 4 - 6
    Server side: JEE / EJB 3.x / CDI / JPA 2.x/ JAX-RS / JasperReports
    Application Server: WildFly / Weblogic
    Databases: Oracle
    / MySQL / DB2 / Firebird

    If you like my answer please vote!

  5. #15
    Sencha Premium Member
    Join Date
    Mar 2014
    Posts
    2

    Default Doesn't work!

    Hi, I am trying to use font-awesome in my Secha Touch app with Sencha Architect. It doesn't work even after following the steps mentioned in this thread. Has anyone else managed to make it work? I have tried both, setting the iconClass as icon-* and fa-* but none of them works.

Page 2 of 2 FirstFirst 12

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •