Possible to create a click and fill grid?

[myephemera]

Is it possible to create a clickable grid and fill each square with different colours?

It's easy to do in Excel, as in the image. Not really what Excel is for and lacks the nuances that might be needed, but not sure it's possible in Affinity without having to create the individual squares and duplicate them.

Thanks for any ideas.

[Hangman]

Hi @myephemera and welcome to the forums,

This is possible in Affinity Publisher using a table. Which app are you hoping to achieve this with, Publisher or Designer?

 

 

[HCl]

.

[StuartRc]

You can create a grid with lines (Pen or Pencil) and fill the interstices using the 'Vector Fill Flood Tool' . This will create vector squares of any colour you choose.

[Aammppaa]

1 hour ago, myephemera said:

without having to create the individual squares and duplicate them.

You say this as if it is a bad or complicated thing? 

Perhaps I am not fully understanding what you want to create, or how you intend to use it. But if all you need is a grid of squares, each of which has a different colour, then you can use the Quick Grid feature to make your array of squares in a couple of seconds. 

 

 

[myephemera]

@Hangman Thank you for taking the time to make the tutorial, it's perfect for what I need.

@Return Thank you for your tutorial, I've learnt another new skill! Going to try this out as well.

[HCl]

.

[myephemera]

Ah, I'm not on Affinity 2. But maybe a reason to upgrade.

[GarryP]

Just out of interest, does each square need to be filled with a particular manually-selected colour, or is there some kind of sequence, or would it just be ‘random’, or something else?

[HCl]

.

[v_kyr]

5 hours ago, myephemera said:

Ah, I'm not on Affinity 2. But maybe a reason to upgrade.

Well there are also online SVG grid makers which use rectangles, so you can define/pick the grid style you like (rects in your case), define it's pattern and then copy the SVG code over (or save the generated SVG grid as a file for an import instead...) into ADe/APh etc.

• made-grid-from-svg.afdesign

• SVG grid pattern generator <--- ***
• https://gridulator.com/
• https://webgrid.com/
• https://www.magicpattern.design/tools/grid-background-pattern-generator
• ... and so on ...

There are also such online things for SVG pattern generation ...

• https://pattern.monster/

[myephemera]

@v_kyr Thank you. I didn't even think of using a SVG generator. Takes all the hassle out of it.