Hi all! I’m building a new app and i’m struggling having a buttons bar that extends and can be scrolled horizontally. Is there any solution? I’ve tried using ion-scroll direction=“x” etc but when the content exceed horizontal space, it is remainded down on a new row. Button-bar and tabs don’t fi…

Hmm, I having a hard time understanding what your trying to achieve, can you post a codepen or some sample code?

Well, my target is to realize a toolbar with many buttons (about 30). And the user have to be able to scroll horizontally this bar. Imagine it as a classic calendar app that have days-buttons in the top bar. My first thought was to put the buttons in a <ion-scroll direction="x"><!-- a lot of butto…

@devocular Yeah I tried getting this together and couldn’t get anything. Wish I could be of more help. Maybe @Calendee has an idea on how to get this?

I forced the sub-header to be really with with min-width: 1800px. It seems to work on desktop. No promises on mobile! [image]

Nice job @Calendee , looks great. @devocular , how does this look for you?

Hi @Calendee ! Thanks for your interest, yes i’ve not mentioned it but i already tried this method and it’s not fitting my needs because i don’t want a fixed width as buttons are generated dynamically… and with this solution the user can scroll too much right and makes button disappear as he is view…

Great! Thank you very much @Calendee !

Nice job @Calendee life saver. I was so bugged building a x-axis scroll-er myself, then went through the docs and forum. And came across this. Thanx.

Any new way to make this ? Like with tabs ? Thanks

Horizontal button bar scroller

ionic-v1

Calendee April 11, 2014, 8:23pm 8

TADA : http://codepen.io/calendee/pen/HIuft/?editors=111

Requires nightly.

Horizontal scroll problem

How to make simple div to be scrollable?

Ion-scroll width

Topic		Replies	Views
Horizontally scrolling sub header in ionic 2 ionic-v1	8	7455	April 14, 2017
How to make simple div to be scrollable? ionic-v1	5	12322	June 18, 2014
How to add horizontal scrolling to Ion Toolbar Ionic Framework	4	232	September 12, 2024
Toolbar with horizontal scroll Ionic Framework	0	1609	February 16, 2019
How to let some IonButton could horizontal scroll in an IonItem? (resolved) Ionic Framework	0	306	December 15, 2022

Horizontal button bar scroller

Related topics