q-scroll-area dosen't work for horizontal



  • hi,
    I want to scroll list of card in a div horizontally. by default q-scroll-area works for vertical scrolling. what can i do ? is there any better way ?

    attached image is exactly what i want to do (on swipe it scroll to right )

    0_1506256820620_Untitled.png

    my code:

    <div class=“row full-width”>

        <q-scroll-area style="width: 1400px; height: 200px;" >
          
            <q-card inline v-for="n in 10"  :key="n">
              <q-card-title>
                Title
                <span slot="subtitle">Subtitle</span>
              </q-card-title>
              <q-card-main>
                {{lorem}}
              </q-card-main>
            </q-card>
          
        </q-scroll-area>
    

    </div>

    </div>


  • Admin

    It’s only meant to work for vertical scrolling. Horizontal will get enhanced in a later update.



  • @rstoenescu thanks for the reply. waiting for the update .


Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.