<div><br><div class="gmail_quote"><div dir="auto">On dim. 1 avr. 2018 at 14:25, gettimothy <<a href="mailto:gettimothy@zoho.com">gettimothy@zoho.com</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><u></u><div><div style="font-size:10pt;font-family:Verdana,Arial,Helvetica,sans-serif">Hi all,<div><br></div><div>Zurb has this construct:</div><div><br></div><div><span class="m_-4107970173856635048hljs-tag" style="box-sizing:inherit;color:rgb(0,0,128);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap"></span><br><blockquote style="border:1px solid rgb(204,204,204);padding:7px;background-color:rgb(245,245,245)"><div><span class="m_-4107970173856635048hljs-tag" style="box-sizing:inherit;color:rgb(0,0,128);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap"><<span class="m_-4107970173856635048hljs-name" style="box-sizing:inherit;color:rgb(0,128,128)">button</span> <span class="m_-4107970173856635048hljs-attr" style="box-sizing:inherit">class</span>=<span class="m_-4107970173856635048hljs-string" style="box-sizing:inherit;color:rgb(221,17,68)">"button"</span> <span class="m_-4107970173856635048hljs-attr" style="box-sizing:inherit">type</span>=<span class="m_-4107970173856635048hljs-string" style="box-sizing:inherit;color:rgb(221,17,68)">"button"</span>></span><span style="color:rgb(10,10,10);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap;background-color:rgb(249,249,249)">   </span><span class="m_-4107970173856635048hljs-comment" style="box-sizing:inherit;color:rgb(153,153,136);font-style:italic;font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap"><!-- Screen readers will see "close" --></span><span style="color:rgb(10,10,10);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap;background-color:rgb(249,249,249)">   </span><span class="m_-4107970173856635048hljs-tag" style="box-sizing:inherit;color:rgb(0,0,128);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap"><<span class="m_-4107970173856635048hljs-name" style="box-sizing:inherit;color:rgb(0,128,128)">span</span> <span class="m_-4107970173856635048hljs-attr" style="box-sizing:inherit">class</span>=<span class="m_-4107970173856635048hljs-string" style="box-sizing:inherit;color:rgb(221,17,68)">"show-for-sr"</span>></span><span style="color:rgb(10,10,10);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap;background-color:rgb(249,249,249)">Close</span><span class="m_-4107970173856635048hljs-tag" style="box-sizing:inherit;color:rgb(0,0,128);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap"></<span class="m_-4107970173856635048hljs-name" style="box-sizing:inherit;color:rgb(0,128,128)">span</span>></span><span style="color:rgb(10,10,10);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap;background-color:rgb(249,249,249)">   </span><span class="m_-4107970173856635048hljs-comment" style="box-sizing:inherit;color:rgb(153,153,136);font-style:italic;font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap"><!-- Visual users will see the X, but not the "Close" text --></span><span style="color:rgb(10,10,10);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap;background-color:rgb(249,249,249)">   </span><span class="m_-4107970173856635048hljs-tag" style="box-sizing:inherit;color:rgb(0,0,128);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap"><<span class="m_-4107970173856635048hljs-name" style="box-sizing:inherit;color:rgb(0,128,128)">span</span> <span class="m_-4107970173856635048hljs-attr" style="box-sizing:inherit">aria-hidden</span>=<span class="m_-4107970173856635048hljs-string" style="box-sizing:inherit;color:rgb(221,17,68)">"true"</span>></span><span class="m_-4107970173856635048hljs-tag" style="box-sizing:inherit;color:rgb(0,0,128);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap"><<span class="m_-4107970173856635048hljs-name" style="box-sizing:inherit;color:rgb(0,128,128)">i</span> <span class="m_-4107970173856635048hljs-attr" style="box-sizing:inherit">class</span>=<span class="m_-4107970173856635048hljs-string" style="box-sizing:inherit;color:rgb(221,17,68)">"fi-x"</span>></span><span class="m_-4107970173856635048hljs-tag" style="box-sizing:inherit;color:rgb(0,0,128);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap"></<span class="m_-4107970173856635048hljs-name" style="box-sizing:inherit;color:rgb(0,128,128)">i</span>></span><span class="m_-4107970173856635048hljs-tag" style="box-sizing:inherit;color:rgb(0,0,128);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap"></<span class="m_-4107970173856635048hljs-name" style="box-sizing:inherit;color:rgb(0,128,128)">span</span>></span><span style="color:rgb(10,10,10);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap;background-color:rgb(249,249,249)"> </span><span class="m_-4107970173856635048hljs-tag" style="box-sizing:inherit;color:rgb(0,0,128);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap"></<span class="m_-4107970173856635048hljs-name" style="box-sizing:inherit;color:rgb(0,128,128)">button</span>></span></div></blockquote> <br><span class="m_-4107970173856635048hljs-tag" style="box-sizing:inherit;color:rgb(0,0,128);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap"></span></div><div><span class="m_-4107970173856635048hljs-tag" style="box-sizing:inherit;color:rgb(0,0,128);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap"><br></span></div><div><span class="m_-4107970173856635048hljs-tag" style="box-sizing:inherit;color:rgb(0,0,128);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap"><br></span></div><div><span class="m_-4107970173856635048hljs-tag" style="box-sizing:inherit;color:rgb(0,0,128);font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:16px;white-space:pre-wrap">here:<a href="https://foundation.zurb.com/sites/docs/button.html#accessibility" target="_blank">https://foundation.zurb.com/sites/docs/button.html#accessibility</a></span></div><div><br></div><div>I am able to create the <i >..</i> construct using html html:</div><div></div><br><blockquote style="border:1px solid rgb(204,204,204);padding:7px;background-color:rgb(245,245,245)"><div><div><br></div><div><div><span style="white-space:pre-wrap">    </span>html zurbButton </div><div><span style="white-space:pre-wrap">                </span>beButton;</div><div><span style="white-space:pre-wrap">                </span>with:[</div><div><span style="white-space:pre-wrap">                   </span>html zurbSpan beShowForScreenReader; with:'Close'.</div><div><span style="white-space:pre-wrap">                       </span>html zurbSpan ariaHidden:'true'; with:[<b>html html:'<i class="fi-x"></i></b>']]</div></div></div></blockquote> <br><div><div></div></div><div>I cannot find the iconTag in the system and I am not sure how to use WAGenericTag tag:'i'   within the above method.</div><div></div></div></div></blockquote><div dir="auto"><br></div><div dir="auto">Hi!</div><div dir="auto"><br></div><div dir="auto">You can either create your own tag class or use :</div><div dir="auto"><br></div><div dir="auto">(html tag: 'i') class: 'fi-x'</div><div dir="auto"><br></div><div dir="auto">I hope it helps you</div><div dir="auto"><br></div><div dir="auto">-- </div><div dir="auto">From my phone </div><div dir="auto"><br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div><div style="font-size:10pt;font-family:Verdana,Arial,Helvetica,sans-serif"><div><br></div><div>thx</div></div><br></div>_______________________________________________<br>
seaside mailing list<br>
<a href="mailto:seaside@lists.squeakfoundation.org" target="_blank">seaside@lists.squeakfoundation.org</a><br>
<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" rel="noreferrer" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
</blockquote></div></div>-- <br><div dir="ltr" class="gmail_signature" data-smartmail="gmail_signature">Cyril Ferlicot<br><a href="https://ferlicot.fr" target="_blank">https://ferlicot.fr</a></div>