Highlighted

Grid Layout

New Here ,
Feb 09, 2018

Copy link to clipboard

Copied

I having an issue with the grid layout feature, If I try to set a right and left Margin uniformly to 40, then it switches to individual and makes one side 50 rather than 40, it will allow 39 or 45 but not 40 ( there are similar issues with other numbers but that is just an example)

> If I try to set a right and left Margin uniformly to 40, then it switches to individual and makes one side 50 rather than 40, it will allow 39 or 45 but not 40

Layout Grid only allows whole number values so that columns are pixel-aligned.

Hope this helps,

Randy

Views

849

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Grid Layout

New Here ,
Feb 09, 2018

Copy link to clipboard

Copied

I having an issue with the grid layout feature, If I try to set a right and left Margin uniformly to 40, then it switches to individual and makes one side 50 rather than 40, it will allow 39 or 45 but not 40 ( there are similar issues with other numbers but that is just an example)

> If I try to set a right and left Margin uniformly to 40, then it switches to individual and makes one side 50 rather than 40, it will allow 39 or 45 but not 40

Layout Grid only allows whole number values so that columns are pixel-aligned.

Hope this helps,

Randy

Views

850

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Feb 09, 2018 2
Adobe Employee ,
Feb 12, 2018

Copy link to clipboard

Copied

> If I try to set a right and left Margin uniformly to 40, then it switches to individual and makes one side 50 rather than 40, it will allow 39 or 45 but not 40

Layout Grid only allows whole number values so that columns are pixel-aligned.

Hope this helps,

Randy

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 12, 2018 0
New Here ,
Feb 14, 2018

Copy link to clipboard

Copied

Hello Randy _ I'm having somewhat of a similar problem and I CANNOT figure it out...

So say I set my canvas to 1280px and I would like my grid to be centered, 12 column at 960 wide and the gutter at 20px - Im happy for the computer to tell me the width of each column...

XD wont let me do this...
Screenshot 2018-02-14 15.01.52.png

How can I get my columns to equal a certain width?

Any help would be great

Thanks

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 14, 2018 0
New Here ,
Feb 14, 2018

Copy link to clipboard

Copied

Like even if you make the canvas 960 and the margins 0 - the computer still adjusts it. Why is there a margin of 8?
Screenshot 2018-02-14 15.06.44.png

This driving me crazy...

Hopefully Im not being stupid here...

Thanks

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 14, 2018 0
Adobe Employee ,
Feb 14, 2018

Copy link to clipboard

Copied

You are correct. For a Layout Grid with 12 columns and 20px gutters, there is no way to make it exactly 960px wide in XD. Your setup above with 61px Column Width is the widest you can get (952px) without exceeding 960px.

The dirty little secret of some other layout grids is that the column width is not an exact pixel width. To use your example, the Column Width would be 61.667px. How would that render? Either 2/3 of the columns are not pixel-aligned so content will be blurry, or 1/3 of the columns are 61px and 2/3 are 62px (or gutters are adjusted in a similar manner) so layout is not consistent.

Does that make sense?

Randy

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 14, 2018 1
New Here ,
Apr 04, 2020

Copy link to clipboard

Copied

The truth is, this feature totally sucks. Such a useful festure made totally useless. Man, some people should never work in this industry, I don't know how such an amazing product can have such terribly thought out features.

It's just like when they took out the FLOW view from the live specs. I swear, I feel like someone asked the janitor how he would use the product...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 04, 2020 0
New Here ,
Dec 05, 2019

Copy link to clipboard

Copied

It's December of 2019 and I'm still having the same problem. Will Adobe fix it anytime soon? It's so frustrating!!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 05, 2019 1
_burak_k LATEST
Community Beginner ,
May 09, 2020

Copy link to clipboard

Copied

So why does photoshop allows "not whole number" values when setting layout guides?  And the problem with adobe's decision is that even if there are preset artboards with specific width values, one can not set his own desired margin values... 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 09, 2020 0