Successfully created a new sitecore speak application with a list control. The list has more than 15 columns and in order to display them all, a horizontal scroll bar is required. By default, the list control component is not showing all the columns, instead it is hiding the columns after the screen size limit is over. Please refer the screenshot. Is there any way to add a horizontal scroll barenter image description here

  • J.Joseph, this answer any good to you? – Mark Cassidy May 16 '18 at 7:40

I believe this is not possible in Speak 2 based on documentation from Sitecore. It is stated here that ListControl control supports a number of behaviors: EndlessPageScroll, MultiSelectList, and Scrollbar.

Both EndlessPageScroll and Scrollbar are dependent on height of your ListControl not width. See more about Scrollbar here and about EndlessPageScroll here.

You have couple of options how to overcome these limitations:

  1. You can create tabcontrol and tabs and divide current listcontrol into two controls where in first tab you will have 8 columns like now and in second Action and Customer Id columns similarly to first tab + remaining columns which are currently hidden

  2. You can also use popover and add 'More details' to your 'Actions' which will open this popover with remaining details which are currently hidden.

  3. You could also use frame where you will display your custom page with table with all information. This should be scrollable.

And lots of other options. It depends on what client will be comfortable with.

I would also maybe replace 'Add' and 'Remove' links in 'Actions' column with images which would squeeze width of that column a bit.

More information about listcontrol can be found here:

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.