StyleCode Property: tileColor
tileColor
Choose the accent color for a tile.
Applies to | Type | Default |
---|---|---|
assert barchart chart form gauge histogram label linechart logo markdown menu piechart plot scalar scatter slicepicker slicetree summary table tabs treemap upload file error |
color | black |
Examples
// Example: assert
myAssertion = false
{ tileColor: tomato }
show assert "My Assert" a1b1 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 |]
{ tileColor: tomato }
show barchart "My BarChart" a1b6 with
sum(Items.Quantity)
group by Items.Category
// Example: form
read form with
SKU: text
Maximum: number
{ tileColor: tomato }
show form "My Form" a1b1 with
SKU
Maximum
// Example: gauge
{ tileColor: tomato }
show gauge "My gauge" a1b2 with 0.5
// Example: histogram
table T = extend.range(1000)
T.X = random.poisson(5 into T)
{ tileColor: tomato }
show histogram "My histogram" a1f4 with T.X
// Example: label
{ tileColor: tomato }
show label "My Label" a1b1
// 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 |]
{ tileColor: tomato }
show linechart "My Line Chart" a1b6 with
Day.StockOnHand
Day.StockOnOrder
// Example: logo
{ tileColor: tomato }
show logo "" a1b3
// Example: markdown
{ tileColor: tomato }
show markdown "My Markdown" a1b3 with """Some markdown text"""
// Example: menu
{ tileColor: tomato }
show menu "" a1b3 with
"Section"
// Example: piechart
table Sales = with
[| as Quantity, as Category |]
[| 10, "A" |]
[| 1, "B" |]
[| 5, "B" |]
[| 4, "A" |]
[| 12, "C" |]
{ tileColor: tomato }
show piechart "My Pie Chart" a1b6 with
sum(Sales.Quantity)
group by Sales.Category
// Example: plot
table Sales = with
[| as Quantity, as Discount |]
[| 10, 40 |]
[| 2, 10 |]
[| 1, 0 |]
{ tileColor: tomato }
show plot "My Plot" a1d4 with
Sales.Quantity
Sales.Discount
// Example: scalar
myValue = 123
{ tileColor: tomato }
show scalar "My Scalar" a1b1 with
myValue
// Example: scatter
table Sales = with
[| as Quantity, as Discount |]
[| 10, 40 |]
[| 2, 10 |]
[| 1, 0 |]
{ tileColor: tomato }
show scatter "My Scatter Plot" a1d4 with
Sales.Quantity
Sales.Discount
// Example: slicepicker
table Items = with
[| as Id |]
[| "A" |]
[| "B" |]
[| "C" |]
Items.Slice = sliceDashboard(Items.Id) by Items.Id
{ tileColor: tomato }
show slicepicker "Pick a slice" a1b3 with
same(Items.Id)
// Example: slicetree
table Items = with
[| as Id |]
[| "A" |]
[| "B" |]
[| "C" |]
Items.Slice = sliceDashboard(Items.Id) by Items.Id
{ tileColor: tomato }
show slicetree "Pick a slice" a1b3 with
same(Items.Id)
// Example: summary
table Sales = with
[| as Quantity, as NetAmount |]
[| 10, 40 |]
[| 2, 10 |]
[| 1, 20 |]
{ tileColor: tomato }
show summary "My Summary" a1b3 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 |]
{ tileColor: tomato }
show table "My Table" a1c4 with
Orders.Date
Orders.Quantity
// Example: tabs
{ tileColor: tomato }
show tabs "My Tabs" a1b3 with
"tab1"
"tab2"
// Example: treemap
table T = with
[| as Quantity, as Label |]
[| 10, "A" |]
[| 1, "B" |]
[| 5, "B" |]
[| 4, "A" |]
[| 12, "C" |]
{ tileColor: tomato }
show treemap "My Treemap" a1b6 with
sum(T.Quantity)
T.Label
group by T.Label
// Example: upload
read upload "customsuppliers" as MySuppliers with
SupplierId : text
SupplierQuota : number
SupplierCountry : text
{ tileColor: tomato }
show upload "My Upload" a1b1 editable:"customsuppliers"
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