Jump to content
You must now use your email address to sign in [click for more info] ×

Affinity Publisher: TOC with multiple colors


Recommended Posts

Over the years I have collected a number of food recipes. This week I decided to use Affinity Publisher to create recipe book. My design has the following:

recipes are divided into major cooking categories (beef, pork, seafood, and so on)

each category is started with a banner page followed by the recipes in that category

each banner page will show the category name and table of contents in that category

each recipe name will be based on an updated header2

each category name will be based on an updated header1 but will each have a unique color that represents the category (beef is red, pork is tab, seafood is blue, and salad is green)

So far everything is looking fantastic (I love the fact that you can have multiple table-of-contents based on sections)

I have a main table-of-contents at the top of the book. It lists all categories followed recipes.

Looking at how other recipe books have formatted their main table-of-contents, I have noticed that many also use the unique category color idea. However their table-of-contents see be bee picking up that unique category color. This looks much nicer that the traditional black-and-white look. I have searched through Publisher and cannot find a way to do this. Is this currently possible? If not, this would be a great feature request. Maybe a checkbox in the TOC styles to pickup the color from the reference.

Link to comment
Share on other sites

You probably have to set up appropriate text styles for the different colored chapters and TOC generation ("Header 1 red", "Header 1 blue" ... "TOC 1: Header 1 red", "TOC 1: Header 2 blue" ... etc.), which are then hopefully been taken into account .

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

Unfortunately, that makes it more effort if I decide to change the colors. For now, I am creating swatches for my colors. Before publishing, I will apply locally the colors. 

Do wish there could be an checkbox in the TOC styles to use the reference color. That way, I can change the color of each heading and regenerate the table of contents for get the changes. Oh well, wishful thinking for now. :)

Link to comment
Share on other sites

I found a solution that seems to work well. I ended up creating new header styles for each section based on header1. I set the color there. This is a slight improvement over @v_kyr's suggestion.

In my TOC, I added these additional header styles. Publisher then dynamically created the addition TOC styles. I then edited each and changed the based on to the specific header type.

Now my Table of contents is showing the different colors of the various sections.

It was a bit of a learning curve but now it is fully dynamic. I change the color at the individual header styles and the section title changes as well as the TOC. Just need to be carful not to change the TOC contents much.

Link to comment
Share on other sites

That's what I assumed you have to do, when I said set up ... ("Header 1 red", "Header 1 blue" ... "TOC 1: Header 1 red", "TOC 1: Header 2 blue" ... etc.). Though I didn't tested that procedure. - Fine you got it managed.

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.