+2Hi!
I am a newbie at K2.
Today I got into a problem. I created a List View with many columns (the images below). I want to adjust the width of columns in ListView to fix their title header length and create a horizontal scroll for the ListView. But I can not adjust the width of the column nor create a horizontal scroll. Are there any solutions?
Thanks!
Best answer by JRoberts
At the moment, there isn’t a property on the view settings that can enable that, however, it does work with adding a bit of Javascript to the form with a Data Label control.
<script>$viewDiv = $("div [name='<VIEWNAME>']");$viewDiv.parent().css("overflow-x","scroll");$viewDiv.css("min-width","5000px");</script>
+12Hi HungTran,
Can you confirm that if you click on any given column, you are not getting the option to drag the column divider lines while editing a list view? You should be able to click on the column, then drag on the little circles that appear on each side of the selected column as shown in the following animation. I tried to duplicate the number of columns from your screenshot below. You can also select a column from the editor canvas, then click on the Column tab on the right-side properties panel to manually edit the width. 
You do have quite a few columns there, but it should allow you to display the view in a wider format if you edit the view's width in the K2 Form that it lives in. While editing the “Form” that holds your view, select the view itself and make sure the Width property is set to 100%.
Then select outside the view on the design canvas and set your Width properties in the Layout section as needed.
When you run the form, it should stretch out accordingly in the window and also let you scroll.
If you are still having trouble with not being able to change the width of your columns, you may want to open a support ticket to see if an update needs to be applied to your cloud environment.
Jason
+2Hi JRoberts,
Thank you for your solutions,
I edited the “Form” and the "View" like you said and I have a problem like this.
Are there any ways to make a scroll bar just scroll the view only?
Regards,
hungtran
+12At the moment, there isn’t a property on the view settings that can enable that, however, it does work with adding a bit of Javascript to the form with a Data Label control.
<script>$viewDiv = $("div [name='<VIEWNAME>']");$viewDiv.parent().css("overflow-x","scroll");$viewDiv.css("min-width","5000px");</script>Does this solution still work? I’m having the same problem. I have a form with a List View with many columns, and I really could use horizontal scroll and AutoWidth of columns.
I tried this solution for horizontal scroll, but it doesn’t work.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
