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

gettimothy <[email protected]> Sun, 01 Apr 2018 08:25:43 -0400

Newsgroups	gmane.comp.lang.smalltalk.squeak.seaside
Message-ID	<[email protected]>

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.


thx

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