Device browser scrolling horizontally

#1

I am building a page to display the weather forecast in 4 hour steps the next 48 hours.
Just now each hourly forecast is a device. I would like a horizontal design sliding the line of forecasts by my finger.
The device browser scrolls vertically when the screen overflows.
Is it possible to scroll horizontally.

arild

#2

Not with that control alone but this is something I can add to a future release. I’ve already started creating the 3.18.0 builds now so it’s not going to make it into that update. Maybe the following though.

For the time being there is a work-around though. Assign a fixed Width & Height to your DeviceBrowser & then place it inside a ScrollViewer. For the ScrollViewer, Disable VerticalScrollBarVisibility & set HorizontalScrollBarVisibility to either Visible or Hidden. Be sure to set a very large Width on the DeviceBrowser or else the scrolling won’t activate.

#3

Thanks for the answer.
The solution was more or less as I thought - and tried - without success.
My error - and stumbling block ( which you helped me to climb and reach the good side :slight_smile: ) was using a a device browser which had a stretchable height.
Today I finally succeeded making a test project getting what I wanted.
Of course I found some new stumbling blocks, but I imanaged to climb them.
The solution you gave is sactifsactory for me
…
arild

#4

Hi,

I’m doing the same - is this workaround still the best solution?

John

#5

Yes. For the time being.

#6

I’m looking to do the same, but I seem to be have issues with error messages.
I want to have some devices placed in a bottom row that I can drag my finger across to scroll to them.

image
image941×720 27.9 KB

image
image939×721 27.6 KB

#7

You need to place the DeviceBrowser inside the ScrollViewer. Your DeviceBrowser is on top of it. Your outline should look like this:

image
image501×719 11.2 KB