Bidi Tutorial: RTL YUI Calendar in arabo »Yahoo! User Interface Blog (YUIBlog)

Bidi Tutorial: RTL YUI Calendar in arabo

23 MAGGIO 2011 alle ore 10,30 da Mohammad Younis | In Sviluppo | Commenti disabilitati

Questo esempio mostra come creare una destra a sinistra, versione araba di un "Calendario di base Popup" con YUI 2.9.0. Il Calendario YUI componente contiene una serie di API utili, tra cui un pulsante configurabile stretta, dinamico spessore iframe, e le API per nascondere e mostrare da parte dell'utente.

LTR:

RTL:

Clicca qui per verificare l 'esempio di lavoro. Clicca qui per scaricare tutti i file necessari per eseguire l'esempio a livello locale.

Procedura per Bidirectionalize un widget per RTL

Dichiarare la lingua principale e cambiare la direzione per la pagina all'interno del <html> tag con il lang attributo e dir="rtl" , questo punto nel caso in cui l'intera pagina è rtl, ma se la pagina è ltr, dovremmo aggiungere il rtl in widget.
Convertire gli attributi CSS e valori che si riferiscono alla direzione nel foglio di stile, tra cui float, le posizioni delle immagini, text-align, margini, padding, border, ecc Si consiglia CSSJanus per la conversione CSS.
Aggiornare qualsiasi direzionalità relativa a JavaScript. Per quanto possibile, si consiglia di fare la direzione configurabile nel codice JavaScript.
Traduci stringhe di testo dalla lingua originale alla lingua RTL sia nella pagina HTML e JavaScript.
Metti alla prova le immagini sprite nel caso in cui hanno bisogno per essere attivato.
Verificare la compatibilità A-grade, testando il calendario attraverso i browser per essere sicuri che tutto funzioni bene.

Condividi ed estendere: Segnalibro con Del.icio.us | Digg it! | reddit!

Nessun commento ancora

Siamo spiacenti, il commento forma è chiusa in questo momento.

Yahoo! User Interface Blog (YUIBlog)