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