Page 1 of 1
Font Awesome effect
Posted: 26 Oct 2015, 13:41
by vtumino
Hi,
Is it possible to use some Font Awesome effects like "fa-spin" or "fa-pulse" ? All this code seems doesn't works:
<i class="fa fa-spinner fa-spin"></i>
<i class="fa fa-circle-o-notch fa-spin"></i>
<i class="fa fa-refresh fa-spin"></i>
<i class="fa fa-cog fa-spin"></i>
<i class="fa fa-spinner fa-pulse"></i>
Re: Font Awesome effect
Posted: 26 Oct 2015, 15:15
by mert.sincan
You need to update FA to 4.4.0 version.(using FA 4.3.0 in PrimeFaces Layouts) Please see;
http://forum.primefaces.org/viewtopic.php?f=27&t=43371
I tested your example with FA 4.4.0. It works fine.
Re: Font Awesome effect
Posted: 28 Oct 2015, 04:29
by PhiHDN
Actually, I had used fa-spin successfully with FA 4.3. (I still recommend you to update to FA 4.4 for new icons
)
I don't know where you are putting your FA. If you are using FA in a table (inside p:column), you can try wrapping your FA with a div. Then you can assign a style class to that div to make your FA centered or middle in table cell optionally.
Code: Select all
<p:column headerText="Status">
<div>
<i class="fa fa-2x fa-refresh fa-spin BoldGray" title="In Process" />
</div>
</p:column>
Re: Font Awesome effect
Posted: 28 Oct 2015, 08:32
by mert.sincan
Hi PhiHDN,
Thanks for the advice. I'm wondering Did you try Animated Icons with FA-4.3.0? (
https://fortawesome.github.io/Font-Awesome/examples/)
Exp; <i class="fa fa-spinner fa-spin"></i>
Re: Font Awesome effect
Posted: 28 Oct 2015, 09:24
by PhiHDN
Hi aragorn,
Yes, I did use fa-spin with Modena theme & layouts before updating to FA 4.4.
FA 4.3 is included in Modena by default, that's why I said that I had used fa-spin with FA 4.3.
So I guess that vtumino's issue should not be related to FA's version.
Phi.
Re: Font Awesome effect
Posted: 28 Oct 2015, 09:42
by mert.sincan
Thank you, PhiHDN.
I think Vtumino wants to use Animated Icons on FA. Not fa-spin. You can see Animated Icons;
https://fortawesome.github.io/Font-Awesome/examples/
I tested this icons with 4.3.0. they did not work with 4.3.0. (worked with 4.4.0)
Re: Font Awesome effect
Posted: 28 Oct 2015, 10:56
by PhiHDN
It looks like there is some misunderstanding
I have double checked the examples link. The fa-spin I mentioned is Animated Icons. Any FA icon can be animated by adding class "fa-spin" or "fa-pulse".
Re: Font Awesome effect
Posted: 28 Oct 2015, 11:10
by mert.sincan
PhiHDN wrote:
It looks like there is some misunderstanding
I have double checked the examples link. The fa-spin I mentioned is Animated Icons. Any FA icon can be animated by add class "fa-spin" or "fa-pulse".
Ok
Thanks for the update