Re: How to generate <i class="fi-x"></i>

gettimothy <[email protected]>
Newsgroups gmane.comp.lang.smalltalk.squeak.seaside
Message-ID <[email protected]>
Cyril, Thank you

---- On Sun, 01 Apr 2018 08:34:33 -0400 Cyril Ferlicot &lt;[email protected]&gt; wrote ---- 


On dim. 1 avr. 2018 at 14:25, gettimothy &lt;[email protected]&gt; wrote:

Hi all,

Zurb has this construct:



&lt;button class="button" type="button"&gt; &lt;!-- Screen readers will see "close" --&gt; &lt;span class="show-for-sr"&gt;Close&lt;/span&gt; &lt;!-- Visual users will see the X, but not the "Close" text --&gt; &lt;span aria-hidden="true"&gt;&lt;i class="fi-x"&gt;&lt;/i&gt;&lt;/span&gt; &lt;/button&gt;
 





here:https://foundation.zurb.com/sites/docs/button.html#accessibility


I am able to create the &lt;i &gt;..&lt;/i&gt; construct using html html:




 html zurbButton 
 beButton;
 with:[
 html zurbSpan beShowForScreenReader; with:'Close'.
 html zurbSpan ariaHidden:'true'; with:[html html:'&lt;i class="fi-x"&gt;&lt;/i&gt;']]


 


I cannot find the iconTag in the system and I am not sure how to use WAGenericTag tag:'i'   within the above method.





Hi!


You can either create your own tag class or use :


(html tag: 'i') class: 'fi-x'


I hope it helps you


-- 
From my phone 




thx



_______________________________________________
 seaside mailing list
 [email protected]
 http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
 

-- 
Cyril Ferlicot
https://ferlicot.fr
 _______________________________________________
seaside mailing list
[email protected]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

_______________________________________________
seaside mailing list
[email protected]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
lmpx.com only provides a reader for public news (NNTP) servers. It is not affiliated with the servers or forums shown here and is not responsible for the content of articles, which is written by their respective authors.