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

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
5 messages Options
Reply | Threaded
Open this post in threaded view
|

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

gettimothy
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>




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.

thx


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

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

CyrilFerlicot

On dim. 1 avr. 2018 at 14:25, gettimothy <[hidden email]> 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>




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
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
--
Cyril Ferlicot
https://ferlicot.fr

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

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

Esteban A. Maringolo
I don't know what the 'fi-x' class is used for, but if it is for icons
but you might consider adding a WATagBrush and a method in
WAHtmlCanvas that gives you such brush and to which you can send
different messages to get the different icons.

Regards,

Esteban A. Maringolo


2018-04-01 9:34 GMT-03:00 Cyril Ferlicot <[hidden email]>:

>
> On dim. 1 avr. 2018 at 14:25, gettimothy <[hidden email]> 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
>> [hidden email]
>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>
> --
> Cyril Ferlicot
> https://ferlicot.fr
>
> _______________________________________________
> seaside mailing list
> [hidden email]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

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

gettimothy
In reply to this post by CyrilFerlicot
Cyril, Thank you

---- On Sun, 01 Apr 2018 08:34:33 -0400 Cyril Ferlicot <[hidden email]> wrote ----

On dim. 1 avr. 2018 at 14:25, gettimothy <[hidden email]> 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>




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
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
--
Cyril Ferlicot
https://ferlicot.fr
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside




_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

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

gettimothy
In reply to this post by Esteban A. Maringolo
Well, it makes sense but the fi-foo stuff is bound to FontAwesome stuff, not to Zurb per-se.

The Zurb downloads do not include it by default, so I will hold off for now.

cheers.

t



---- On Sun, 01 Apr 2018 14:30:12 -0400 Esteban A. Maringolo<[hidden email]> wrote ----
I don't know what the 'fi-x' class is used for, but if it is for icons
but you might consider adding a WATagBrush and a method in
WAHtmlCanvas that gives you such brush and to which you can send
different messages to get the different icons.

Regards,

Esteban A. Maringolo


2018-04-01 9:34 GMT-03:00 Cyril Ferlicot <[hidden email]>:

>
> On dim. 1 avr. 2018 at 14:25, gettimothy <[hidden email]> 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
>> [hidden email]
>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>
> --
> Cyril Ferlicot
> https://ferlicot.fr
>
> _______________________________________________
> seaside mailing list
> [hidden email]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside




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