Property Reference

Beneath views, Kumu uses a powerful CSS-based language to control the appearance of your maps.

If you're familiar with CSS, the advanced view editor will quickly become your best friend. The view builder only exposes a small set of the available properties. Being able to write views by hand is the only way to harness the full power of Kumu.

Note: We've adopted standard CSS properties and values wherever possible, straying where conventional values were irrelevant or misleading (eg display: map vs display: block), and adding properties specific to Kumu (such as bullseye-color).

All values are unitless.

Catalog of Supported Properties

The table below lists all of the properties recognized by Kumu. Hover over the information icon at the far right of the table rows to see additional details and valid values for each property (when there are multiple valid values, we've listed them as separate snippets of inline code). Scroll to the bottom for a list of available @settings properties.

If you find a property or a value that's not documented here, let us know!

Property Elements Connections Loops
arrow-color
arrow-height
arrow-min-height
arrow-min-width
arrow-visibility
arrow-width
border-color
border-opacity
border-width
bullseye-color
bullseye-opacity
bullseye-size
bullseye-visibility
color
curvature
dash
delay-color
delay-height
delay-position
delay-stroke-width
delay-visibility
delay-width
display
flag
flag-offset
flag-size
font-color
font-family
font-size
font-style
font-weight
height
image-size
image-url
image-visibility
label
label-visibility
layer
length
margin
opacity
outline-color
outline-offset
outline-opacity
padding
path-opacity
pattern
pointer-events
prepost-inset
prepost-offset
scale
shadow-color
shadow-opacity
shadow-size
shadow-visibility
shape
size
strength
style
text-align
text-overflow
visibility
width

@settings Supported Properties

@settings properties are best grouped into a number of categories based on what they can control.

Map transformations

  • focus (selector, prompt)
  • filter
  • cluster
  • showcase
  • culling

Labels

  • text-overflow (off, auto, manual, wrap, clip)

Grids & guides

  • grid
  • grid-width
  • grid-offset
  • grid-color
  • guides
  • guide-width
  • guide-color

edit this page

results matching ""

    powered by

    No results matching ""