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

    Scrollable App

    Help
    3
    8
    1980
    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.
    • J
      josulite last edited by

      Hello everyone,

      I’m building a Movies and Series Manager App with vue, quasar and cordova.
      I can not scroll the application, it looks like cutted,

      Can anyone help me to understand what des it happening?
      Thanks!!

      1 Reply Last reply Reply Quote 0
      • rstoenescu
        rstoenescu Admin last edited by

        Hi, can you supply more details? A repo to take a look at would be great.

        1 Reply Last reply Reply Quote 0
        • J
          josulite last edited by

          Yes! just uploading it

          1 Reply Last reply Reply Quote 0
          • J
            josulite last edited by

            I have uploaded it on this temporaly storadge service:
            https://ufile.io/o8uhz

            its just the “src folder” i hope it helps

            1 Reply Last reply Reply Quote 0
            • J
              josulite last edited by

              Could anyone please help me, at least to understand the problem?

              benoitranque 1 Reply Last reply Reply Quote 0
              • benoitranque
                benoitranque @josulite last edited by

                @josulite once I get to work I will take a look

                1 Reply Last reply Reply Quote 0
                • benoitranque
                  benoitranque last edited by benoitranque

                  You are missplacing the "layout-view" class

                  From the docs:

                  The place where the App pages’ content goes on the Layout is the one having layout-view CSS class. If you want your page content to have margins and padding calculated automatically (responsive) use CSS class layout-padding:

                  In App.vue replace:

                  
                      <q-layout id="q-app" class="layout-view scroll">
                        <router-view></router-view>
                      </q-layout>
                  
                  

                  With:

                  
                      <q-layout id="q-app">
                        <router-view class="layout-view"></router-view>
                      </q-layout>
                  
                  

                  Try that and get back to us

                  1 Reply Last reply Reply Quote 1
                  • J
                    josulite last edited by

                    Hello Benoit!

                    That worked, just did that 🙂
                    Thank you so much

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