Loading...
 
Features / Usability

Features / Usability


Buttons in several languages (translation and layout)

posts: 8633 Israel

Hello,

I need to create a "Previous" / "Next" set of button for 2 LTR languages and 1 RTL language.
This is not the first time and it turn each time to be a headache.

  • The buttons labels are not translated
  • Buttons icon are not compatible with RTL languages. (arrows are going the wrong direction)


This is how it ends to have it displays properly in 3 languages.
Can’t we do better with tiki ?

Copy to clipboard
{LANG(lang="en")} {DIV(class="d-flex")} <div><a href="#" class="btn btn-herb"><i class="fas fa-arrow-left"></i> Previous</a></div> <div class="ml-auto"><a href="#" class="btn btn-herb">Next <i class="fas fa-arrow-right"></i></a></div> {DIV} {LANG} {LANG(lang="fr")} {DIV(class="d-flex")} <div><a href="#" class="btn btn-herb"><i class="fas fa-arrow-left"></i> Précédente</a></div> <div class="ml-auto"><a href="#" class="btn btn-herb">Suivante <i class="fas fa-arrow-right"></i></a></div> {DIV} {LANG} {LANG(lang="he")} {DIV(class="d-flex")} <div><a href="#" class="btn btn-herb"><i class="fas fa-arrow-right"></i> קודם</a></div> <div class="mr-auto"><a href="#" class="btn btn-herb">הבא <i class="fas fa-arrow-left"></i></a></div> {DIV} {LANG}


Screen Shot 2021 07 30 At 10.26.47
Screen Shot 2021 07 30 At 10.26.13

There are no comments at this time.

Upcoming Events

1)  18 Apr 2024 14:00 GMT-0000
Tiki Roundtable Meeting
2)  16 May 2024 14:00 GMT-0000
Tiki Roundtable Meeting
3)  20 Jun 2024 14:00 GMT-0000
Tiki Roundtable Meeting
4)  18 Jul 2024 14:00 GMT-0000
Tiki Roundtable Meeting
5)  15 Aug 2024 14:00 GMT-0000
Tiki Roundtable Meeting
6)  19 Sep 2024 14:00 GMT-0000
Tiki Roundtable Meeting
7) 
Tiki birthday
8)  17 Oct 2024 14:00 GMT-0000
Tiki Roundtable Meeting
9)  21 Nov 2024 14:00 GMT-0000
Tiki Roundtable Meeting
10)  19 Dec 2024 14:00 GMT-0000
Tiki Roundtable Meeting