Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. First of all, create a set of three tabs as instructed in the Creating Tabs with Composition Server.

  2. But this time, add a Composition Setup macro above the Deck of Cards macro.
    Then, in the Composition Setup macro, type in the following parameters:

    Code Block
    deck.tab.active.border = 2px dashed black
    deck.tab.active.background = #ff0055
    cloak.toggle.type = custom
  3. The first line allows you to customize a tab so it will have a border that is 2 pixels thick, is black and is also a dotted line.
    The second line allows you to customize a tab so it will have a background color with a bright shade of fuchsia (#ff0055), in case your readers are complaining they aren't able to see where certain content is.

  4. Click Save and you should have something that looks like this:

    Image RemovedImage Added
  5. Congratulations, you now have some garish looking tabs.
    There are more properties available with Composition Setup for customization of tabs. Refer to the Composition Setup macro page for all available properties.

...

Not applicable.

Result

...

Related Reading