Question: Scroll Bar Limits On Tablet With Windows Os

Scroll Bar Limits On Tablet With Windows Os

Hello Support, In the point-of-sale system, when many items are sold, the list of sold items can be long; this is normal. However, on a tablet with the Windows operating system, we canno

MA

Mazyad ALArdhi

Asked
Hello Support,

In the point-of-sale system, when many items are sold, the list of sold items can be long; this is normal.
However, on a tablet with the Windows operating system, we cannot scroll to see the sold products, because the scroll bar has a limitation; instead, we must activate the virtual mouse.
This problem does not happen with devices that have Android or iOS operating systems.

I searched for support questions and found one that was similar to our situation; I tried the solution they gave, but it did not work for us. Here the solution we tried,
https://tecdiary.net/support/question/cant-scroll-up-down-items-in-pos-on-windows-tablet

We need your help to fix this issue as it is essential for our business.

Regards,
  • MS

    Mian Saleem

    Answered
    Hello,

    You can use chrome or firefox on your tablet. If those same, please share the photo/screenshot.

    Thank you
  • MA

    Mazyad ALArdhi

    Answered
    Hello Saleem,

    I tried as you suggested, the result is same thing !

    I am attaching screenshots as requested


    Regards,
  • MS

    Mian Saleem

    Answered
    Hello,

    I am not sure about the reason, but you can try to add the following code before `</head>` line of `themes/default/admin/views/pos/add.php` file

    ```
    <style>
    #pos #left-middle,
    #pos #product-list {
    overflow-y: scroll !important;
    }
    </style>
    ```

    then check again.

    Thank you
  • MA

    Mazyad ALArdhi

    Answered
    Dear Saleem,

    Yes, this solution worked.
    But now two scroll bars appear, but it do the work as expected !
    Maybe we can live with it until the next major upgrade comes.

    Many Thanks,
    Mazyad
  • MS

    Mian Saleem

    Answered
    Hello,

    You can try

    ```
    <style>
    #pos #left-middle {
    overflow-y: scroll !important;
    }
    #pos #product-list {
    height: 100% !important;
    }
    </style>
    ```

    Or vice versa.

    Thank you
  • MA

    Mazyad ALArdhi

    Answered
    Hi,

    Unfortunately does not work.
  • MS

    Mian Saleem

    Answered
    You can try to hide it for middle

    ```
    <style>
    #pos #left-middle {
    overflow: hidden !important;
    }
    #pos #product-list {
    overflow-y: scroll !important;
    }
    </style>
    ```
  • Login to Reply