<!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;'>Cyril, Thank you<br><div class="zmail_extra"><div id="1"><br>---- On Sun, 01 Apr 2018 08:34:33 -0400 <b>Cyril Ferlicot <cyril.ferlicot@gmail.com></b> wrote ---- <br></div><blockquote style="border-left: 1px solid #0000FF;padding-left: 6px; margin: 0 0 0 5px"><div><div><br><div><div dir="auto">On dim. 1 avr. 2018 at 14:25, gettimothy <<a href="mailto:gettimothy@zoho.com" target="_blank">gettimothy@zoho.com</a>> wrote:<br></div><blockquote style="margin: 0 0 0 0.8ex; border-left: 1px rgb(204, 204, 204) 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 style="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 style="color: rgb(0, 0, 128); font-family: Consolas, " liberation="" mono",="" courier,="" monospace;="" font-size:="" 16px;="" white-space:="" pre-wrap"=""><<span style="color: rgb(0, 128, 128)">button</span> <span style="">class</span>=<span style="color: rgb(221, 17, 68)">"button"</span> <span style="">type</span>=<span style="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 style="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 style="color: rgb(0, 0, 128); font-family: Consolas, " liberation="" mono",="" courier,="" monospace;="" font-size:="" 16px;="" white-space:="" pre-wrap"=""><<span style="color: rgb(0, 128, 128)">span</span> <span style="">class</span>=<span style="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 style="color: rgb(0, 0, 128); font-family: Consolas, " liberation="" mono",="" courier,="" monospace;="" font-size:="" 16px;="" white-space:="" pre-wrap"=""></<span style="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 style="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 style="color: rgb(0, 0, 128); font-family: Consolas, " liberation="" mono",="" courier,="" monospace;="" font-size:="" 16px;="" white-space:="" pre-wrap"=""><<span style="color: rgb(0, 128, 128)">span</span> <span style="">aria-hidden</span>=<span style="color: rgb(221, 17, 68)">"true"</span>></span><span style="color: rgb(0, 0, 128); font-family: Consolas, " liberation="" mono",="" courier,="" monospace;="" font-size:="" 16px;="" white-space:="" pre-wrap"=""><<span style="color: rgb(0, 128, 128)">i</span> <span style="">class</span>=<span style="color: rgb(221, 17, 68)">"fi-x"</span>></span><span style="color: rgb(0, 0, 128); font-family: Consolas, " liberation="" mono",="" courier,="" monospace;="" font-size:="" 16px;="" white-space:="" pre-wrap"=""></<span style="color: rgb(0, 128, 128)">i</span>></span><span style="color: rgb(0, 0, 128); font-family: Consolas, " liberation="" mono",="" courier,="" monospace;="" font-size:="" 16px;="" white-space:="" pre-wrap"=""></<span style="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 style="color: rgb(0, 0, 128); font-family: Consolas, " liberation="" mono",="" courier,="" monospace;="" font-size:="" 16px;="" white-space:="" pre-wrap"=""></<span style="color: rgb(0, 128, 128)">button</span>></span></div></blockquote> <br><span style="color: rgb(0, 0, 128); font-family: Consolas, " liberation="" mono",="" courier,="" monospace;="" font-size:="" 16px;="" white-space:="" pre-wrap"=""></span></div><div><span style="color: rgb(0, 0, 128); font-family: Consolas, " liberation="" mono",="" courier,="" monospace;="" font-size:="" 16px;="" white-space:="" pre-wrap"=""><br></span></div><div><span style="color: rgb(0, 0, 128); font-family: Consolas, " liberation="" mono",="" courier,="" monospace;="" font-size:="" 16px;="" white-space:="" pre-wrap"=""><br></span></div><div><span style="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 style="margin: 0 0 0 0.8ex; border-left: 1px rgb(204, 204, 204) 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" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br> </blockquote></div></div>-- <br><div dir="ltr">Cyril Ferlicot<br><a href="https://ferlicot.fr" target="_blank">https://ferlicot.fr</a></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" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br></div></blockquote><br></div><br></div><br></body></html>