<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta content="text/html;charset=UTF-8" http-equiv="Content-Type"></head><body ><div style='font-size:10pt;font-family:Verdana,Arial,Helvetica,sans-serif;'>Well, it makes sense but the fi-foo stuff is bound to FontAwesome stuff, not to Zurb per-se.<div><br></div><div>The Zurb downloads do not include it by default, so I will hold off for now.</div><div><br></div><div>cheers.</div><div><br></div><div>t<br><div><br></div><div><br><div class="zmail_extra"><div id="1"><br>---- On Sun, 01 Apr 2018 14:30:12 -0400 <b>Esteban A. Maringolo<emaringolo@gmail.com></b> wrote ---- <br></div><blockquote style="border-left: 1px solid #0000FF; padding-left: 6px; margin:0 0 0 5px"><div>I don't know what the 'fi-x' class is used for, but if it is for icons<br>but you might consider adding a WATagBrush and a method in<br>WAHtmlCanvas that gives you such brush and to which you can send<br>different messages to get the different icons.<br><br>Regards,<br><br>Esteban A. Maringolo<br><br><br>2018-04-01 9:34 GMT-03:00 Cyril Ferlicot <<a href="mailto:cyril.ferlicot@gmail.com" target="_blank" rel="noreferrer" mailid="cyril.ferlicot%40gmail.com" subj="">cyril.ferlicot@gmail.com</a>>:<br>><br>> On dim. 1 avr. 2018 at 14:25, gettimothy <<a href="mailto:gettimothy@zoho.com" target="_blank" rel="noreferrer" mailid="gettimothy%40zoho.com" subj="">gettimothy@zoho.com</a>> wrote:<br>>><br>>> Hi all,<br>>><br>>> Zurb has this construct:<br>>><br>>><br>>> <button class="button" type="button"> <!-- Screen readers will see "close"<br>>> --> <span class="show-for-sr">Close</span> <!-- Visual users will see the X,<br>>> but not the "Close" text --> <span aria-hidden="true"><i<br>>> class="fi-x"></i></span> </button><br>>><br>>><br>>><br>>><br>>> here:<a href="https://foundation.zurb.com/sites/docs/button.html#accessibility" target="_blank" rel="noreferrer">https://foundation.zurb.com/sites/docs/button.html#accessibility</a><br>>><br>>> I am able to create the <i >..</i> construct using html html:<br>>><br>>><br>>> html zurbButton<br>>> beButton;<br>>> with:[<br>>> html zurbSpan beShowForScreenReader; with:'Close'.<br>>> html zurbSpan ariaHidden:'true'; with:[html html:'<i class="fi-x"></i>']]<br>>><br>>><br>>> I cannot find the iconTag in the system and I am not sure how to use<br>>> WAGenericTag tag:'i' within the above method.<br>><br>><br>> Hi!<br>><br>> You can either create your own tag class or use :<br>><br>> (html tag: 'i') class: 'fi-x'<br>><br>> I hope it helps you<br>><br>> --<br>> From my phone<br>><br>>><br>>> thx<br>>><br>>> _______________________________________________<br>>> seaside mailing list<br>>> <a href="mailto:seaside@lists.squeakfoundation.org" target="_blank" rel="noreferrer" mailid="seaside%40lists.squeakfoundation.org" subj="">seaside@lists.squeakfoundation.org</a><br>>> <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" rel="noreferrer">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>><br>> --<br>> Cyril Ferlicot<br>> <a href="https://ferlicot.fr" target="_blank" rel="noreferrer">https://ferlicot.fr</a><br>><br>> _______________________________________________<br>> seaside mailing list<br>> <a href="mailto:seaside@lists.squeakfoundation.org" target="_blank" rel="noreferrer" mailid="seaside%40lists.squeakfoundation.org" subj="">seaside@lists.squeakfoundation.org</a><br>> <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" rel="noreferrer">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>><br>_______________________________________________<br>seaside mailing list<br><a href="mailto:seaside@lists.squeakfoundation.org" target="_blank" rel="noreferrer" mailid="seaside%40lists.squeakfoundation.org" subj="">seaside@lists.squeakfoundation.org</a><br><a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" rel="noreferrer">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br></div></blockquote><br></div><br></div></div></div><br></body></html>