CODEWITHSUNDEEP
javascriptpebble-watchpebble-js
Beta Decay
Beta Decay

Reputation: 805

Can menu items be coloured individually?

In PebbleJS, can you colour menu items individually? As far as I know, you can only colour the entire menu.

An example of what I would like to do would have the first menu item green, the second blue, the third yellow and so on.

Upvotes: 0

Views: 43

Answers (1)

Stephen R. Smith
Stephen R. Smith

Reputation: 3400

A menu is a type of Window that displays a standard Pebble menu on the screen of Pebble.

Just like any window, you can initialize a Menu by passing an object to the constructor or by calling accessors to change the properties.The properties available on a Menu are:

  • sections Array [] A list of all the sections to display.
  • backgroundColor Color white The background color of a menu item.
  • textColor Color black The text color of a menu item.
  • highlightBackgroundColor Color black The background color of a
  • selected menu item. highlightTextColor Color white The text color of a selected menu item.

A menu contains one or more sections.The properties available on a section are:

  • items Array [] A list of all the items to display.
  • title string ‘’ Title text of the section header.
  • backgroundColor Color white The background color of the section
  • header. textColor Color black The text color of the section header.

Each section has a title and contains zero or more items. An item must have a title. Items can also optionally have a subtitle and an icon.

So from the docs it looks like the menu only allows for entire menu coloring, however you can include multiple sections in a menu, and each section can define its own colours, although this may mean you'd have a menu made up of multiple single items each with their own title, effectively doubling the size of the menu simply to get different colours in there. It looks like you can have a section with a title and zero items, so perhaps the section itself could act as the menu item.

You'll have to play around with that.

Upvotes: 1

Related Questions