No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    RTL issue

    Help
    2
    13
    642
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • dobbel
      dobbel @anasaw last edited by

      @anasaw

      Please answer:

      Did you read this:
      https://quasar.dev/options/rtl-support#Enabling-RTL-support

      Now you say something different. Now you say you change the language from a non rtl to a rtl inside the app and then save the new rtl language in the ‘browser storage’ and reload.

      To help you please show me your code in a code pen?

      A 1 Reply Last reply Reply Quote 0
      • A
        anasaw @dobbel last edited by

        @dobbel Yes, I have read it

        and yes when reload the page the language still arabic but the page change to ltr

        which part of code you want to see ?

        dobbel 1 Reply Last reply Reply Quote 0
        • dobbel
          dobbel @anasaw last edited by

          @anasaw

          Show me the code that

          • changes the language to a rtl language
          • stores the rtl language in ‘browser cache’
          • onRefresh reads the ‘browser cache’ to retrieve the stored language
          • show output of this.$q.lang.rtl on every step.

          best way would be a codepen.io , or a github repo with your code so we can check it out to take a look the problem.

          A 1 Reply Last reply Reply Quote 0
          • A
            anasaw @dobbel last edited by

            @dobbel
            this is the code
            https://github.com/anas-aw/quasar-rlt

            dobbel 1 Reply Last reply Reply Quote 0
            • dobbel
              dobbel @anasaw last edited by

              @anasaw

              Very good. I will take a look at it tomorrow.

              A 1 Reply Last reply Reply Quote 0
              • A
                anasaw @dobbel last edited by

                @dobbel thank you 😁

                dobbel 2 Replies Last reply Reply Quote 0
                • dobbel
                  dobbel @anasaw last edited by

                  @anasaw

                  I ran your app locally. The app is in english. I don’t see any arabic language or lang switcher.

                  1 Reply Last reply Reply Quote 0
                  • dobbel
                    dobbel @anasaw last edited by dobbel

                    @anasaw

                    The reason that when you reload the page it will show en-us non rtl again after after a lang change. Is because of the lang property in quasar.conf.js is set to ‘en-us’ and that is a ltr language.

                    So in a boot file or main component you’ll have to set the lang to the value stored in for example localstorage. Also store the lang in the localstorage when you change the lang value in the app).

                    Also found this:

                    https://medium.com/@nafaabout/app-internationalization-with-quasar-framework-bfc222e6247c

                    https://medium.com/quasar-framework/adding-full-i18n-to-quasar-150da2d5bba4

                    with a demo repo that has working i18n:

                    https://github.com/NafaaBout/q-internationalization

                    A 1 Reply Last reply Reply Quote 0
                    • A
                      anasaw @dobbel last edited by

                      @dobbel
                      i’m trying but nothing is working

                      dobbel 1 Reply Last reply Reply Quote 0
                      • dobbel
                        dobbel @anasaw last edited by

                        @anasaw

                        the examples work ( I ran them). So I suggest you explore how they deal with i18n.

                        1 Reply Last reply Reply Quote 0
                        • First post
                          Last post