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
    1. Home
    2. RobbeV
    R
    • Profile
    • Following 0
    • Followers 0
    • Topics 2
    • Posts 9
    • Best 2
    • Groups 0

    RobbeV

    @RobbeV

    2
    Reputation
    2
    Profile views
    9
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    RobbeV Follow

    Best posts made by RobbeV

    • RE: QTable mobile style

      Not really necessary anymore, since I made a workaround using CSS calc() and custom scrollbars.

      I do think however the solution to force mobile view would be nice to know.

      Thanks for taking a look.

      posted in Help
      R
      RobbeV
    • RE: Q-table make select quantity rows (not checkbox)

      @Tavita You really should work a bit more on your questions then…
      Luckily I recieved lots of help here and feel the need to give back.

      Please find attacted a codepen using v-slot:top-right, with a QSelect coupled to the table using $refs.

      posted in Help
      R
      RobbeV

    Latest posts made by RobbeV

    • RE: Q-table make select quantity rows (not checkbox)

      @Tavita You really should work a bit more on your questions then…
      Luckily I recieved lots of help here and feel the need to give back.

      Please find attacted a codepen using v-slot:top-right, with a QSelect coupled to the table using $refs.

      posted in Help
      R
      RobbeV
    • RE: Overflowing QSelect using multiple chips

      @tof06 Thanks a lot for your help!
      The removing of chips was a pain and using a given height in stead of min-height is quite unfortunate in the UI, but I can live with that. 🙂
      Hopefully this can be done better in some future version of Quasar or with more experience.

      posted in Help
      R
      RobbeV
    • RE: Q-table make select quantity rows (not checkbox)

      @Tavita Thats the default behaviour of the QTable. You can choose between 3, 5, 7, 10, 15, 20… rows

      posted in Help
      R
      RobbeV
    • Overflowing QSelect using multiple chips

      Hi all,

      I’m trying to make a customized Qselect that can hold a lot of dates, which users could pick using a datepicker.
      The result would be an array of dates, visualised as rows of QChips.

      Whenever I select to many chips however, they just fall outside the borders of the QSelect component.
      I tried QVirtualScroll, but can’t get it right.

      alt text

      Could anyone teach me some new tricks?

      Please find a CodePen attached.

      Thanks in advance!
      Robbe

      posted in Help
      R
      RobbeV
    • RE: QTable mobile style

      Not really necessary anymore, since I made a workaround using CSS calc() and custom scrollbars.

      I do think however the solution to force mobile view would be nice to know.

      Thanks for taking a look.

      posted in Help
      R
      RobbeV
    • QTable mobile style

      Dear all,
      I’m a big fan of the QTable look and feel when I open it on my smartphone. The table is nicely centered on page and does not show scroll bars.
      Whenever I use it on dekstop however, the table extends to its full width, the bars appear and everything else centered on the pages shifts to the right due to the page being wider. I’ve included some pictures and the code as reference.

      <q-table
            v-if="list"
            :data="list"
            :columns="columns"
            row-key="id"
            :filter="filter"
            :filter-method="filterIgnoreSpecialCharacters"
            flat
            bordered
            hide-bottom
            binary-state-sort
            :pagination.sync="pagination"
          > ... <q-table>
      

      Does anyone know how I can mimic the look and feel of the mobile version, or how do I force it to render as a mobile table?

      Thanks in advance!
      Robbe

      Mobile

      Mobile (up) vs Desktop (down)

      Desktopt

      posted in Help
      R
      RobbeV
    • RE: Pass data to touch hold handler

      @benoitranque said in Pass data to touch hold handler:

      bit late but here you go

      https://codepen.io/anon/pen/ZVgZNz

      Thank you so much! I’ve been looking for this solution for hours. 😃

      posted in Help
      R
      RobbeV