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: textAlign
🚧 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.
textAlign
Specifies the horizontal text alignment in the text pipeline .
// Example: label
show label "My Label" { 1..2, 1..2 ; textAlign: "right" }
// Example: scalar
myValue = 123
show scalar "My Scalar" { 1..2, 1..2 ; textAlign: "right" } with
myValue
// Example: summary > entry
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) { textAlign: "right" }
sum(Sales.NetAmount)
// 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 { textAlign: "right" } }
sum(Sales.NetAmount)
// Example: table > column > append
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 { append { textAlign: "right" } }
Orders.Quantity
// Example: table > column > header
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 { header { textAlign: "right" } }
Orders.Quantity
// Example: table > column > prepend
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 { prepend { textAlign: "right" } }
Orders.Quantity
// 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 { textAlign: "right" } }
Orders.Quantity