#285 open
Walter McGinnis

Add support for non-Left-to-Right language layouts via CSS and locale direction setting.

Reported by Walter McGinnis | July 14th, 2010 @ 01:21 PM | in 1.4

Using a declaration of "dir" (for direction) in config/locales/[the_locale].yml file, allow for loading of a CSS file that will override the default Left-to-Right layout accordingly.

Add an default "dir" key in the config/locales/en.yml with the value "ltr" for the default Left-to-Right layout.

Create a starting Right-to-Left CSS file that will change the default theme to be roughly the same, but reversed with Right-to-Left languages.

Add rules to support Right-to-Left layouts for rounded corners to the default theme's rounded-corners.css file.

Comments and changes to this ticket

  • Massoud AlShareef

    Massoud AlShareef July 20th, 2010 @ 07:28 AM


    Here is a list of modifications/customizations work done on Kete base.css to display Arabic basket content correctly while in R2L orientation:

    • Pushed text to the left few pixels to start away from right edge
    • Placed R2L orientation at start of dialog boxes (i.e. Existing Items link)
    • Reversed arrow directions on Slides Show bar, Random Image Display and Related Images control bars at the bottom of the image
    • Reversed "Created by" / "Last Edited by" positions (done on code not CSS)
    • Fixed separation bar "|" position between menu options to appear correctly
    • Placed of separation bar "|" between creator/editors and text before photo
    • Fixed text overlapping on icons in several maintenance functions screens (i.e. extended fields)
    • Eliminated spaces between extended fields labels and their corresponding pans (data boxes) in R2L
    • Forced a space after ":" following Site title to proper display of Basket Name after (customization)
    • User's drop down basket list R2L alignment
    • Placed topics's image to the right of the topic title in results page
    • Placed the icon image to the right like in : Flag, Tags, Basket and Site Control boxes, etc.

    Massoud AlShareef

  • Walter McGinnis

    Walter McGinnis July 20th, 2010 @ 09:12 AM

    • State changed from “new” to “open”

    Ok, if you could get your team to go through these and either confirm that they work in the new system or add them to it in the base-rtl.css file, that would be great.

    There may be a few gotchas (rules in base.css that can't be declared at all in base-rtl.css, but need to be reset) that we'll have to add a further mechanism to deal with. It would be great to get those noted as well.

    Please have your team do this work in the code OR, if that is too difficult, submit patches to this ticket.


  • Walter McGinnis

    Walter McGinnis November 23rd, 2011 @ 01:38 PM

    • Milestone changed from 1.3 to 1.4
    • Milestone order changed from “9” to “0”

    This isn't going to make it into 1.3, unfortunately. Hopefully 1.4.

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.

New-ticket Create new ticket

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป

Kete was developed by Horowhenua Library Trust and Katipo Communications Ltd. to build a digital library of Horowhenua material.

People watching this ticket