Repeat Grid overrides / inheritance (some styles differ in an item, rest still sync with other list items)
It will be great if repeat grid work in way like this:
I want to show how recommended item will look like. I'm double-clicked wished element title and turn off "Fill" checkbox in "Inherit" panel. Now I can change color only for this title, but if I will change font-size, for example, all titles will change it, because "font-size" checkbox is active. If I click "Fill" again, my title will be back to gray.
All checkbox is active by default — so behavior will be just like now and it will take full control and understanding what and when happens.
I think that is great realisiation of idea.
I would like to change one element of repeat grid without ungrouping the grid.
It's helpful, because often I need to show the front-end developer, how element would be with hover or focus on it.
Today i have to ungroup all the grid, which is not comfortable.
I notice, that if you edit one element, and then undo the operation several times, you edit only that one element. But this works with color of text only.
Please, give that opportunity to show the focus and hover effects without ungrouping the grid.
From Russia with Love.
Seigo Kanazawa commented
If you want to enlarge the character only in this part when using the repeat grid, if you change the size of the letter, other letters will grow together. Please also be able to change only one place regarding position.
When using the repeat grid, please add only one rectangle, or allow you to add images and icons in only one place.
The idea of the repeat grid itself is outstanding!
For every item in a repeat grid, allow a toggle (probably by the grid itself) that allows you to edit an item without editing all items- for example, if I wanted to change the color of just one item in a grid of groups, allow me to toggle off the fact that if I change one, it will change all the others. New items will default to what the original item was. If you turn it off for that element, it will default to the one you have selected.
Adrien Tétar commented
I like using Repeat Grids but without the ability to like change the color of the elements most of the time I have to ungroup the grid or overlay elements manually. That's a bit frustrating!
What I have noticed is that if you double click text (actually select the type inside the container) within a repeat grid you can colour one item differently from the others which is amazing. If this could be done for graphics too, that would be a step in right direction and hopefully not that heard to implement given that the text does it already...? So it would look like this: 1 of 2: Click to select a graphical object and then change it's colour and it effects all repeat grid items the same (it currently does this). 2 of 2 (New function) Double click the graphical object (so into point editing mode) and if you change the colour of the object then, it only effects that object not all the others. Could this be done?
Ronak Shah commented
Agreed. Often times I will repeat a grid but due to the font one letter will be misaligned but I cannot change that one specific problem.
I also recently encounter this. I want to show to the client what happens when the user selects something in the list, and upon tapping on it, one of the options would be highlighted.
As a workaround, I would have to separate the both the repeat grid list and the highlighted object.
I also vote to have this feature!
Also: another more advanced request is to have *some* styles in a Repeat Grid item differ, while everything else about that item still syncs with edits made to the other items in the grid. See https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/13050780-repeat-grid-overrides-inheritance
For the simpler ability to just make an item *totally* exempt from syncing edits / style changes with other the grid items, see https://adobexd.uservoice.com/forums/353007/suggestions/13075821-exceptions-in-repeat-grid
Note: for the more advanced ability to define multiple different "templates" that *more than one* item in the grid can share -- with edits to one of those items are synced to all the other items of the same "type"/"class" -- please see https://adobexd.uservoice.com/forums/353007/suggestions/13035219-conditional-repeat-grid-contents
Currently, if you change an element's position, color, font weight, etc in ANY of the repeatable elements it changes globally. While this is nice, it would be great to see more logic around this feature. For example, develop logic to handle parent child relationships. If you change the parent everything changes in the repeatable grid. If you have a child, it's only specific to that child. If you decide to repeat more elements after modifying a child, no worries, just repeat the parent and things are golden. I hope this makes sense.
[Deleted User] commented
Sure, exceptions will be essential. Please add options to override default behaviour, like object styles or text styles in InDesign where is possible to set properties on a single element without affecting others of the same style.
Winnie Abodo Alinga commented
I noticed that it is impossible to detach one element from the repeat grid. Let's say I need to highlight a top article in my design. Though to make every item well spaced I use the repeat grid. But this on item, will never be able to have conditional characteristics.
Could it work like a CSS ? Global rule is for spacing and global layout (box sizes for ex). Then we could say, this particular box needs to be opacity = 0.5 and the font (Roboto) needs to be bold in this case.
It could probably be fixed if there are styles applied, it will depend on how this panel will be implemented. If ever there are other ways to space elements equally and dynamically, without having to ungroup the repeat grid, I'd be happy to know them.
Thank you !