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

Cyril Ferlicot cyril.ferlicot at gmail.com
Sun Apr 1 12:34:33 UTC 2018


On dim. 1 avr. 2018 at 14:25, gettimothy <gettimothy at zoho.com> wrote:

> Hi all,
>
> Zurb has this construct:
>
>
> <button class="button" type="button"> <!-- Screen readers will see
> "close" --> <span class="show-for-sr">Close</span> <!-- Visual users will
> see the X, but not the "Close" text --> <span aria-hidden="true"><i class=
> "fi-x"></i></span> </button>
>
>
>
>
> here:https://foundation.zurb.com/sites/docs/button.html#accessibility
>
> I am able to create the <i >..</i> construct using html html:
>
>
> html zurbButton
> beButton;
> with:[
> html zurbSpan beShowForScreenReader; with:'Close'.
> html zurbSpan ariaHidden:'true'; with:[*html html:'<i class="fi-x"></i>*
> ']]
>
>
> 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
> seaside at lists.squeakfoundation.org
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>
-- 
Cyril Ferlicot
https://ferlicot.fr
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.squeakfoundation.org/pipermail/seaside/attachments/20180401/fa9080ce/attachment.html>


More information about the seaside mailing list