Navigation :
Envision Tutorials
Envision Explanation
Envision How-To Guides
Lokad Platform
Envision Reference
Envision Gallery
Envision Specifications
- StyleCode - Layout Pipeline
- StyleCode - Number Pipeline
- StyleCode - Plot Color Pipeline
- StyleCode - Text Pipeline
- StyleCode - Types
- StyleCode v1
-
StyleCode v1 properties
- StyleCode v2
-
StyleCode v2 properties
-- StyleCode Property: alignWithLeft
-- StyleCode Property: areaPosition
-- StyleCode Property: areaTo
-- StyleCode Property: as
-- StyleCode Property: axisMax
-- StyleCode Property: axisMin
-- StyleCode Property: axisScale
-- StyleCode Property: backgroundColor
-- StyleCode Property: badgeColor
-- StyleCode Property: bannerButton
-- StyleCode Property: bannerMessage
-- StyleCode Property: barchartValuePosition
-- StyleCode Property: barchartVariant
-- StyleCode Property: barPadding
-- StyleCode Property: barRatio
-- StyleCode Property: barTo
-- StyleCode Property: blockColor
-- StyleCode Property: blockTitle
-- StyleCode Property: booleans
-- StyleCode Property: box0
-- StyleCode Property: box100
-- StyleCode Property: box25
-- StyleCode Property: box75
-- StyleCode Property: boxLowerColor
-- StyleCode Property: boxUpperColor
-- StyleCode Property: buttonAspect
-- StyleCode Property: buttonBackground
-- StyleCode Property: buttonBorder
-- StyleCode Property: buttonText
-- StyleCode Property: buttonVariantColor
-- StyleCode Property: buttonVariantMode
-- StyleCode Property: cellBackground
-- StyleCode Property: cellTooltip
-- StyleCode Property: chartBlockKind
-- StyleCode Property: color
-- StyleCode Property: columnAppend
-- StyleCode Property: columnDisplay
-- StyleCode Property: columnPrepend
-- StyleCode Property: columnReadOnly
-- StyleCode Property: columnTooltip
-- StyleCode Property: columnTooltipText
-- StyleCode Property: columnWidth
-- StyleCode Property: columnWidthEditable
-- StyleCode Property: columnWidthFit
-- StyleCode Property: columnWidthFitBold
-- StyleCode Property: columnWidthFitItalic
-- StyleCode Property: columnWidthFitUnit
-- StyleCode Property: dashButton
-- StyleCode Property: dashButtonKind
-- StyleCode Property: dashTitle
-- StyleCode Property: dateFormat
-- StyleCode Property: defaultTab
-- StyleCode Property: downloadColumn
-- StyleCode Property: downloadColumnName
-- StyleCode Property: downloadFileName
-- StyleCode Property: entryDisplay
-- StyleCode Property: entryTooltip
-- StyleCode Property: entryTooltipText
-- StyleCode Property: entryWidthFactor
-- StyleCode Property: fieldChoiceLabels
-- StyleCode Property: fieldChoices
-- StyleCode Property: fieldColor
-- StyleCode Property: fieldType
-- StyleCode Property: formAccess
-- StyleCode Property: formButton
-- StyleCode Property: formButtonAlign
-- StyleCode Property: formMessage
-- StyleCode Property: fractionSeparator
-- StyleCode Property: frameBlockKind
-- StyleCode Property: gaugeAngle
-- StyleCode Property: gaugeChromeColor
-- StyleCode Property: gaugeLabelPosition
-- StyleCode Property: gaugeMax
-- StyleCode Property: gaugeMin
-- StyleCode Property: gaugeVariant
-- StyleCode Property: gridlineColor
-- StyleCode Property: gridlines
-- StyleCode Property: headerBackground
-- StyleCode Property: headerTextColor
-- StyleCode Property: href
-- StyleCode Property: hrefAspect
-- StyleCode Property: hrefBackground
-- StyleCode Property: hrefBorder
-- StyleCode Property: hrefTarget
-- StyleCode Property: hrefText
-- StyleCode Property: iconColor
-- StyleCode Property: iconPosition
-- StyleCode Property: labelBorder
-- StyleCode Property: labelBorderColor
-- StyleCode Property: labelIcon
-- StyleCode Property: legendPosition
-- StyleCode Property: lockColumns
-- StyleCode Property: menuDisplay
-- StyleCode Property: minPrecision
-- StyleCode Property: monthFormat
-- StyleCode Property: numbers
-- StyleCode Property: paginateStrategy
-- StyleCode Property: plusSign
-- StyleCode Property: precision
-- StyleCode Property: radius
-- StyleCode Property: scalarLabelPosition
-- StyleCode Property: selectAllLabel
-- StyleCode Property: seriesDisplay
-- StyleCode Property: seriesFan
-- StyleCode Property: seriesGroup
-- StyleCode Property: seriesLegend
-- StyleCode Property: seriesLegendRank
-- StyleCode Property: seriesLegendTooltip
-- StyleCode Property: seriesMarker
-- StyleCode Property: seriesOpacity
-- StyleCode Property: seriesPattern
-- StyleCode Property: seriesSmooth
-- StyleCode Property: seriesStack
-- StyleCode Property: seriesType
-- StyleCode Property: size
-- StyleCode Property: sliceField
-- StyleCode Property: sliceHierarchy
-- StyleCode Property: sliceUnselected
-- StyleCode Property: summaryColumns
-- StyleCode Property: tabsVariant
-- StyleCode Property: textAlign
-- StyleCode Property: textBold
-- StyleCode Property: textColor
-- StyleCode Property: textItalic
-- StyleCode Property: textRotation
-- StyleCode Property: textVerticalAlign
-- StyleCode Property: thousandSeparator
-- StyleCode Property: tileBackground
-- StyleCode Property: tileColor
-- StyleCode Property: tileH
-- StyleCode Property: tilePlacement
-- StyleCode Property: tileTab
-- StyleCode Property: tileTitle
-- StyleCode Property: tileTooltip
-- StyleCode Property: tileTooltipText
-- StyleCode Property: tileW
-- StyleCode Property: tileX
-- StyleCode Property: tileY
-- StyleCode Property: tileZoom
-- StyleCode Property: tooltipColor
-- StyleCode Property: tooltipSecondaryColor
-- StyleCode Property: treemapCut
-- StyleCode Property: unit
-- StyleCode Property: unitPosition
-- StyleCode Property: vaxis
-- StyleCode Property: weekFormat
Envision Language
Legacy
StyleCode Property: hrefAspect
🚧 Work in progress — This documents the redesigned dashboard layout system, which is still under active development and subject to change. It is not compatible with the older v1 dashboard tile system.
hrefAspect
Specifies the aspect of the href element, either as a link, or a button with preset of colors. For the more complex customization, use “custom” in conjunction with “hrefBackground”, “hrefBorder” and “hrefText”, that are otherwise without effect.
// Example: label
show label "My Label" { 1..2, 1..2 ; hrefAspect: "blue" }
// Example: scalar > entry > value
myValue = 123
show scalar "My Scalar" { 1..2, 1..2 } with
myValue { value { hrefAspect: "blue" } }
// Example: summary > entry > value
table Sales = with
[| as Quantity, as NetAmount |]
[| 10, 40 |]
[| 2, 10 |]
[| 1, 20 |]
show summary "My Summary" { 1..3, 1..3 } with
sum(Sales.Quantity) { value { hrefAspect: "blue" } }
sum(Sales.NetAmount)
// Example: table > column > value
table Orders = with
[| as Date, as Quantity |]
[| date(2023,02,21), 150 |]
[| date(2023,02,22), 250 |]
show table "My Table" { 1..4, 1..4 } with
Orders.Date { value { hrefAspect: "blue" } }
Orders.Quantity