Scrollable Area (not scrolling whole artboard)
Define a scrollable area within an artboard
This provides real-world app use cases, such as a table, slideshow, or iOS dropdown lists.
Hi everyone,
I’m excited to announce that with XD 30 we’ve added support for Scroll Groups. Try it out and please let us know your feedback.
Use these resources to learn more about the feature:
1. Tutorial: https://t.co/ySNRLeDzPV?amp=1
2. Blog post: https://theblog.adobe.com/xd-june-2020-scroll-groups-stacks-more/?scid=3%202f3ddc0-7c6a-46d2-8e65-0033367b151f&mv=social&mv2=owned_social
Best,
Dan
-
Feng.Chang commented
Hope can support adobe xd prototyping after developers can directly based on the prototype for development!It has removed a lot of trouble steps, like a Chinese of PSD files online measuring platform, called "biaonimei", for adobe xd such lightweight magic, if support to this degree, then the sketch easily kill!
-
RichD commented
Repeat grid needs to have "scrollable" options; horizontal and vertical scroll checkboxes.
-
Landon Register commented
I am having same issue as described below with a horizontal scrollbar appearing even though the project artboard is 1366 which works without scrollbar. It only appears when i am asking for a vertical scrollbar. Hopefully it will get fixed, i have to keep explaining to product that its just the tool. thanks!
-
Anonymous commented
I am satisfied, but I wish that the header could be anchored as we scroll
-
Frank DerFrankie Neulichedl commented
Pls Make the scrollable area deletable or at least editable. I have plenty of files where the scrollable area bug introduced the blue line because I used a custom canvas size and I cannot get rid of it (and no I don't want to rebuild and reconnect 50 screens)
-
Anonymous commented
Need to be able to show a client in prototype how a site/app scrolls in iOS
-
Nick Dunkerley commented
I keep running into a problem with the scrollable area. I set up a artboard 1366x1024 that I would like to use as a fixed layout.
I save the project.
After I open the project again I get a scrollbar. The viewable area is now 1366x763 ...
No matter what I do I can no longer (it worked fine a week ago) get XD to preview in the original size.
Any ideas? -
Shalom Truman commented
Great after I login .. I have to writing everything again..
Horizontal and vertical scroll would be great. If you make the Group scrollable and not the whole page.
i.e Principle Prototype has this feature. Making groups scrollable.
-
Nemo Sampaio commented
Would be great to have this feature on next preview.
-
Masaru commented
I want to create a UITableView using Repeat Grid. I want to add more than 10 rows to show my clients.
The Repeat Grid requires the height for all 10 rows, but I want to limit the height as I want to put some other elements below the table.
Maybe it's useful if create a box for Repeat Grid and the grid scrolls within that box.
-
Pierre Roberge commented
It would be great for the repeat grid to scroll if the number of items it contains is greater than the viewable area.
Also it would be great if we could click within 1 repeated grid member and navigate away from it to display different detailed content based on the grid member that was clicked. Would make for great demos.
To me, the repeatable grid is the killer feature of XD.
Thanks
-
Just to clarify the current behavior further:
* Currently, only artboards created from one of the built-it templates will scroll when made taller than their original size. (For custom-sized artboards, we don’t know how tall the viewport should be, so it can’t automatically become scrollable).
* That will change soon -- you'll be able to manually control the viewport size independent from the artboard size, even for custom-sized artboards.
* If you need fixed headers, footers, nav bars, etc. that don't scroll -- please upvote https://adobexd.uservoice.com/forums/353007/suggestions/13031847 -
EmanueleSabetta commented
The new scrollable option is great but it broke interactivity! It doesn't preserve scroll position anymore!
The prototype actions menu should offer a new special option:Destination page scroll position = "Preserve vertical scroll position" or "Go to top of the page"
Please vote for this to fix the scrollable artboards issue with scroll position:
Thanks!
-
EmanueleSabetta commented
The new scrollable option is great but it broke interactivity! It doesn't preserve scroll position anymore!
The prototype actions menu should offer a new special option:Destination page scroll position = "Preserve vertical scroll position" or "Go to top of the page"
Please, this is URGENT
-
Seven commented
need side scrolling tabs today
will install Just In Mind for now but check back with you guys in a couple weeks, because I am excited to see this underway
-
Stevo commented
I was expecting more like you can make a fixed header and fixed tab bar, so the scrolling area would be inside.
And it would be awesome if you can make a scrollable feature in parts of the design.
-
Tapas Das commented
Agree with other. The scroll is needed, now its time for Fixed Elements, area scroll.
-
Rene Verkaart commented
Absolutely fabulous. Long awaited features and options get added to XD. Gimme more... ;-)
-
Sheldonbrax commented
It's great to see that this feature is on it's way. Next step would be allowing for fixed elements. Then obviously it would be awesome to create a custom scrollable area, a little like repeat grids where you can set the bounds and then anything inside can scroll.
-
Adriana Mandjarova commented
Couldn't really find how to define "Scrollable area" .. it seems this is something predefined, matching the size of the default art boards, which for some strange reason have a down scaled size..