1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Unmaintained FontAwesome Icons in Registration Form

FontAwesome!

  1. Matthew Hawley

    Matthew Hawley Well-Known Member

    yolulz submitted a new resource:

    FontAwesome Icons in Registration Form - FontAwesome!

    Read more about this resource...
     
  2. kankan

    kankan Active Member

    Thanks Yolulz
    In the same way, do you know what do i have to change if i want to add an icon next to a personnalised field title ?

    Thank you
     
  3. Sheldon

    Sheldon Well-Known Member

    Find whatever it is, add this (usually before the phrase):

    <i class="icon-lock icon-large icon-fixed-width" style="padding-right:7px;"></i>

    "icon lock" - icon name
    "icon-size" - icon size (if any)
    "icon-fixed-width" - Just a suggestion to always have

    Repeat that exact line anywhere you want an icon to show up in your installation.
     
  4. kankan

    kankan Active Member

    Hi Sheldon,
    Thanks.
    In wich template do i have to add this line? As in registration template i have no mention to my personnlised fields.

    Regards
     
  5. Sheldon

    Sheldon Well-Known Member

    Add it before where ever you added in the personalized field. How did you get them to appear? Go to that point, add the icon.
     
  6. kankan

    kankan Active Member

    ok thanks

    I added it next to the title box but seems not supporting HTML
    code is displayed in the registration page.
    I tried to add it in HTML field in general option of the personnalized field, but no chance either.
    It works when i add the code in the Description Field, but i would like to have it next right to the Title field.
    Regards
     
  7. Matthew Hawley

    Matthew Hawley Well-Known Member

  8. Luxus

    Luxus Well-Known Member

    Imo I would use span instead of i.
     
  9. Sheldon

    Sheldon Well-Known Member

    The icons will not show unless you use "i", that is the way FontAwesome works.
     
  10. Luxus

    Luxus Well-Known Member

    Not true.
     
  11. Sheldon

    Sheldon Well-Known Member

    <span class="icon-lock icon-large icon-fixed-width" style="padding-right:7px;"></span>

    So this code will work?
     
  12. Luxus

    Luxus Well-Known Member

    Yes. FontAwesome doesn't require specific elements. It works with all elements that use fontawesome's CSS classes. Just look at Fontawesome's CSS rules:
    Code:
    [class^="icon-"],[class*=" icon-"]
    As you can see, it doesn't specify an element.

    You can use <em>, <span>, <h1>, <bla> and even <xenforo>. Try it.
     
  13. Sheldon

    Sheldon Well-Known Member

    I have no need to try it. Plus, if all those work the same, what is the difference?
     
  14. Luxus

    Luxus Well-Known Member

  15. Sheldon

    Sheldon Well-Known Member

    I actually just tried the <span>

    It doesn't work.
     
  16. Luxus

    Luxus Well-Known Member

    Link to your site?
     
  17. Sheldon

    Sheldon Well-Known Member

  18. Luxus

    Luxus Well-Known Member

    Do you use fontawesome icons in a place that guests have access to?
     
  19. Sheldon

    Sheldon Well-Known Member

    No, only use them in the navigation drop down thingy.

    What is the difference? I have showed you above. Code highlighted.
     
  20. Luxus

    Luxus Well-Known Member

    The difference is that I need to check it out myself because on my setup it works just fine.
     

Share This Page