StyleCode Property: tileColor

tileColor

Choose the accent color for a tile.

Applies to Type Default
assert
barchart
chart
error
file
form
gauge
histogram
label
linechart
logo
markdown
menu
piechart
plot
scalar
scatter
slicepicker
slicetree
summary
table
tabs
title
treemap
upload
color, auto auto

Examples

// Example: assert
myAssertion = false

show assert "My Assert" a1b1 { tileColor: "#FF6347" } with
  myAssertion

// Example: barchart
table Items = with
  [| as SKU, as Category, as Quantity |]
  [| "AAA", "CAT_1", 10 |]
  [| "BBB", "CAT_2", 20 |]
  [| "CCC", "CAT_1", 30 |]

show barchart "My BarChart" a1b6 { tileColor: "#FF6347" } with
  sum(Items.Quantity)
  group by Items.Category

// Example: form
read form with
  SKU: text
  Maximum: number

show form "My Form" a1b1 { tileColor: "#FF6347" } with
  SKU
  Maximum          

// Example: gauge
show gauge "My gauge" a1b2 { tileColor: "#FF6347" } with 0.5      

// Example: histogram
table T = extend.range(1000)
T.X = random.poisson(5 into T)

show histogram "My histogram" a1f4 { tileColor: "#FF6347" } with T.X   

// Example: label
show label "My Label" a1b1 { tileColor: "#FF6347" }

// Example: linechart
table Day[Date] = with
  [| as Date, as StockOnHand, as StockOnOrder |]
  [| date(2023,01,15), 15,10 |]
  [| date(2023,01,16), 5, 2 |]
  [| date(2023,01,17), 12, 4 |]
  [| date(2023,01,18), 13, 7 |]

show linechart "My Line Chart" a1b6 { tileColor: "#FF6347" } with
  Day.StockOnHand
  Day.StockOnOrder

// Example: logo
show logo "" a1b1 { tileColor: "#FF6347" }

// Example: markdown
show markdown "My Markdown" a1b3 { tileColor: "#FF6347" } with fSome markdown textf

// Example: menu
show menu "" a1b3 { tileColor: "#FF6347" } with
  "Section"

// Example: piechart
table Sales = with
  [| as Quantity, as Category |]
  [| 10, "A" |]
  [| 1, "B" |]
  [| 5, "B" |]
  [| 4, "A" |]
  [| 12, "C" |]

show piechart "My Pie Chart" a1b6 { tileColor: "#FF6347" } with
  sum(Sales.Quantity)
  group by Sales.Category

// Example: plot
table Sales = with
  [| as Quantity, as Discount |]
  [| 10, 40 |]
  [| 2, 10 |]
  [| 1, 0 |]

show plot "My Plot" a1d4 { tileColor: "#FF6347" } with
  Sales.Quantity
  Sales.Discount

// Example: scalar
myValue = 123

show scalar "My Scalar" a1b1 { tileColor: "#FF6347" } with
  myValue

// Example: scatter
table Sales = with
  [| as Quantity, as Discount |]
  [| 10, 40 |]
  [| 2, 10 |]
  [| 1, 0 |]

show scatter "My Scatter Plot" a1d4 { tileColor: "#FF6347" } with
  Sales.Quantity
  Sales.Discount

// Example: slicepicker
table Items = with
  [| as Id |]
  [| "A" |]
  [| "B" |]
  [| "C" |]

table Slices[slice] = slice by [Items.Id] title: "Slice \{Items.Id}"

show slicepicker "Pick a slice" a1b3 { tileColor: "#FF6347" } with
  same(Items.Id)

// Example: slicetree
table Items = with
  [| as Id |]
  [| "A" |]
  [| "B" |]
  [| "C" |]
  
table Slices[slice] = slice by [Items.Id] title: "Slice \{Items.Id}"

show slicetree "Pick a slice" a1b3 { tileColor: "#FF6347" } with
  same(Items.Id)

// Example: summary
table Sales = with
  [| as Quantity, as NetAmount |]
  [| 10, 40 |]
  [| 2, 10 |]
  [| 1, 20 |]

show summary "My Summary" a1b3 { tileColor: "#FF6347" } with
  sum(Sales.Quantity)
  sum(Sales.NetAmount)

// Example: table
table Orders = with
  [| as Date, as Quantity |]
  [| date(2023,02,21), 150 |]
  [| date(2023,02,22), 250 |]

show table "My Table" a1c4 { tileColor: "#FF6347" } with
  Orders.Date
  Orders.Quantity

// Example: tabs
show tabs "My Tabs" a1b3 { tileColor: "#FF6347" } with
  "tab1"
  "tab2"

// Example: treemap
table T = with
  [| as Quantity, as Label |]
  [| 10, "A" |]
  [| 1, "B" |]
  [| 5, "B" |]
  [| 4, "A" |]
  [| 12, "C" |]

show treemap "My Treemap" a1b6 { tileColor: "#FF6347" } with
  sum(T.Quantity)
  T.Label
  group by T.Label

// Example: upload
read upload "customsuppliers" as MySuppliers with
  SupplierId : text
  SupplierQuota : number
  SupplierCountry : text

show upload "My Upload" a1b1 editable:"customsuppliers" { tileColor: "#FF6347" }

Details

Color pipelines use the accent color in their default mode to give a touch of color to the tile. For more information, refer to the color pipeline for each tile.

In practice, this property is rarely specified with StyleCode syntax (unless it is provided as an Envision expression). Instead, the standard Envision syntax specifies the tile color after the tile and position in the show statement:

A = 25
show scalar "Value" a1b1 red with A
User Contributed Notes
0 notes + add a note