im creating an dashboard with horizontal scroll and some items there , im using 'uikit sortable' Jquery plugin in order to make items sortable for users , but i cant force it to sort all items in one line with no break , and when its up to 5 items automatically it navigates to next line . last year i had found the solution of this issue by adding an attribute to the main div (which was an Uikit attribute ) in another project but now i do not have access to those codes . i had tried googling for couple of hours but i count not find the solution . thank you all for answering this is my code :
<ul class="uk-sortable uk-grid uk-grid-small uk-grid-width-1-4" data-uk-sortable="">
<li class="uk-grid-margin"><div class="uk-panel uk-panel-box">Item 1</div></li>
<li class="uk-grid-margin"><div class="uk-panel uk-panel-box">Item 2</div></li>
<li class="uk-grid-margin"><div class="uk-panel uk-panel-box">Item 3</div></li>
<li class="uk-grid-margin"><div class="uk-panel uk-panel-box">Item 4</div></li>
<li class="uk-grid-margin"><div class="uk-panel uk-panel-box">Item 5</div></li>
<li class="uk-grid-margin"><div class="uk-panel uk-panel-box">Item 6</div></li>
<li class="uk-grid-margin"><div class="uk-panel uk-panel-box">Item 7</div></li>
<li class="uk-grid-margin"><div class="uk-panel uk-panel-box">Item 8</div></li>
<li class="uk-grid-margin"><div class="uk-panel uk-panel-box">Item 9</div></li>
<li class="uk-grid-margin"><div class="uk-panel uk-panel-box">Item 10</div></li>
</ul>
i had change "uk-grid-width-1-4" to another value but while the second value (4) is upper than 5 it shows each item in one line