Font Awesome effect

Locked
vtumino
Posts: 2
Joined: 01 Sep 2015, 17:40

26 Oct 2015, 13:41

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>

User avatar
aragorn
Posts: 3641
Joined: 29 Jun 2013, 12:38

26 Oct 2015, 15:15

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.

PhiHDN
Posts: 19
Joined: 28 Aug 2014, 09:54

28 Oct 2015, 04:29

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>

User avatar
aragorn
Posts: 3641
Joined: 29 Jun 2013, 12:38

28 Oct 2015, 08:32

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>

PhiHDN
Posts: 19
Joined: 28 Aug 2014, 09:54

28 Oct 2015, 09:24

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.

User avatar
aragorn
Posts: 3641
Joined: 29 Jun 2013, 12:38

28 Oct 2015, 09:42

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)

PhiHDN
Posts: 19
Joined: 28 Aug 2014, 09:54

28 Oct 2015, 10:56

aragorn wrote: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)
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".
Last edited by PhiHDN on 29 Oct 2015, 06:31, edited 1 time in total.

User avatar
aragorn
Posts: 3641
Joined: 29 Jun 2013, 12:38

28 Oct 2015, 11:10

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 ;)

Locked

Return to “Modena”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest