Skip to content

Commit 278d9e9

Browse files
HjafCopilot
Hjaf
and
Copilot
authored
docs: update citizen developers guide. (#4207)
Update citizen developers guide for Power Apps and Power BI template/theme resources. --------- Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
1 parent 3492802 commit 278d9e9

3 files changed

Lines changed: 173 additions & 4 deletions

File tree

‎apps/design-system-docs/docs/about/getting-started/develop/citizen_developers.md‎

Lines changed: 19 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,23 +7,38 @@ You can create professional, brand-aligned solutions using low-code tools whilst
77
We've made it straightforward to begin building with EDS. You can be up and running in just a few minutes by following these steps:
88

99
1. **Access Power Apps** through your Microsoft 365 account
10-
2. **Download EDS templates** from the Power Platform library
11-
3. **Import templates** into your development environment
10+
2. **Download EDS templates** from the links provided below
11+
3. **Import templates** into your development environment or workspace
1212
4. **Start building** using pre-configured components and layouts
1313

1414
## Available Tools
1515

1616
### Power Apps
1717

18-
We provide comprehensive templates for canvas apps that include pre-configured components, layouts, and styling aligned with Equinor's design standards. Our dedicated component library is available in development environments, featuring EDS-compliant elements that ensure consistency whilst reducing development time. Each template includes built-in documentation covering proper usage, customisation options, and best practices.
18+
<!-- markdownlint-disable-next-line MD033 -->
19+
We offer a Power Apps canvas app template with pre-configured components, layout, theming, and interaction patterns aligned to the <abbr title="Equinor Design System">EDS</abbr> guidelines as far as the platform allows. Embedded in-app documentation covers usage, configuration, accessibility, and extension points so you can adapt safely without breaking consistency.
20+
21+
* Uses EDS colour, spacing, and typography tokens where technically supported
22+
* Includes common screen patterns (dashboard, form, list, detail)
23+
* Provides accessible defaults (labels, focus order, contrast guidance)
24+
* Exposes clearly named components for reuse and replacement
25+
* Documents customisation boundaries and recommended extension steps
26+
27+
Start by importing the template, reviewing the built-in guidance, and then tailoring the documented configuration areas to keep solutions maintainable and compliant.
1928

2029
**Preview the template**: [Canvas Apps Template](https://apps.equinor.com/edspowerapps) (Equinor users only)
2130

31+
**Template available**: [EDS Template download and importing instructions](https://apps.equinor.com/edspadl) (Equinor users only)
32+
2233
### Power BI
2334

2435
We offer light-themed templates covering common business scenarios, with pre-configured charts, layouts, and styling that align with EDS principles. These templates ensure your dashboards maintain consistent visual presentation across all your business intelligence solutions.
2536

26-
**Access templates**: [Power BI EDS App](https://app.powerbi.com/groups/me/apps/eaebdc61-f203-44ae-bdbc-024280a198c0/reports/f1e2d555-b370-48c9-aba6-60cddfd518f5/ReportSection6733e16b600c25762a61?ctid=3aa4a235-b6e2-48d5-9195-7fcf05b459b0)
37+
**Preview the template**: [Power BI Preview](https://apps.equinor.com/edspbi)
38+
39+
**Template available**: [Power BI EDS Template (PBIX)](pathname:///assets/eds-pbi-template-v2.pbix)
40+
41+
**Theme available**: [Power BI EDS Theme (JSON)](pathname:///assets/eds-pbi-theme-v2.json)
2742

2843
We're continuously expanding this collection with more examples and scenarios to support your diverse reporting needs.
2944

‎apps/design-system-docs/static/assets/eds-pbi-template-v2.pbix‎

599 KB
Binary file not shown.

‎apps/design-system-docs/static/assets/eds-pbi-theme-v2.json‎

Lines changed: 154 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,154 @@
1+
{
2+
"name": "EDS PBI theme V2",
3+
"background": "#FFFFFF",
4+
"foreground": "#565656",
5+
"tableAccent": "#565656",
6+
"dataColors": [
7+
"#73B1B5",
8+
"#007079",
9+
"#ABCED1",
10+
"#7D9EA3",
11+
"#C9E0E2",
12+
"#8C1159",
13+
"#919BA2",
14+
"#E6E6E6",
15+
"#3599B8",
16+
"#DFBFBF",
17+
"#4AC5BB",
18+
"#5F6B6D",
19+
"#FB8281",
20+
"#F4D25A",
21+
"#7F898A",
22+
"#A4DDEE",
23+
"#FDAB89",
24+
"#B687AC",
25+
"#28738A",
26+
"#A78F8F",
27+
"#168980",
28+
"#293537",
29+
"#BB4A4A",
30+
"#B59525",
31+
"#475052",
32+
"#6A9FB0",
33+
"#BD7150",
34+
"#7B4F71",
35+
"#1B4D5C",
36+
"#706060",
37+
"#0F5C55",
38+
"#1C2325"
39+
],
40+
"bad": "#EB0000",
41+
"neutral": "#F4C90F",
42+
"good": "#4BB748",
43+
"minimum": "#C9E0E2",
44+
"center": "#73B1B5",
45+
"maximum": "#007079",
46+
"textClasses": {
47+
"label": {
48+
"color": "#565656",
49+
"fontFace": "'Segoe UI', wf_segoe-ui_normal, arial, sans-serif",
50+
"fontSize": 9
51+
},
52+
"title": {
53+
"color": "#3D3D3D",
54+
"fontFace": "'Segoe UI', wf_segoe-ui_normal, arial, sans-serif",
55+
"fontSize": 10
56+
},
57+
"callout": {
58+
"color": "#565656",
59+
"fontFace": "'Segoe UI', wf_segoe-ui_normal, arial, sans-serif",
60+
"fontSize": 9
61+
},
62+
"header": {
63+
"color": "#565656",
64+
"fontFace": "'Segoe UI', wf_segoe-ui_normal, arial, sans-serif",
65+
"fontSize": 10
66+
}
67+
},
68+
"visualStyles": {
69+
"*": {
70+
"*": {
71+
"visualHeader": [
72+
{
73+
"foreground": {
74+
"solid": {
75+
"color": "#007079"
76+
}
77+
}
78+
}
79+
],
80+
"visualTooltip": [
81+
{
82+
"titleFontColor": {
83+
"solid": {
84+
"color": "#565656"
85+
}
86+
},
87+
"valueFontColor": {
88+
"solid": {
89+
"color": "#565656"
90+
}
91+
},
92+
"background": {
93+
"solid": {
94+
"color": "#DCDCDC"
95+
}
96+
}
97+
}
98+
],
99+
"outspacePane": [
100+
{
101+
"foregroundColor": {
102+
"solid": {
103+
"color": "#565656"
104+
}
105+
},
106+
"titleSize": 12,
107+
"headerSize": 10
108+
}
109+
],
110+
"filterCard": [
111+
{
112+
"$id": "Applied",
113+
"foregroundColor": {
114+
"solid": {
115+
"color": "#565656"
116+
}
117+
}
118+
},
119+
{
120+
"$id": "Available",
121+
"foregroundColor": {
122+
"solid": {
123+
"color": "#565656"
124+
}
125+
}
126+
}
127+
]
128+
}
129+
},
130+
"page": {
131+
"*": {
132+
"background": [
133+
{
134+
"transparency": 0
135+
}
136+
],
137+
"outspace": [
138+
{
139+
"color": {
140+
"solid": {
141+
"color": "#E6E6E6"
142+
}
143+
},
144+
"transparency": 0
145+
}
146+
]
147+
}
148+
}
149+
},
150+
"foregroundNeutralSecondary": "#565656",
151+
"backgroundLight": "#FFFFFF",
152+
"foregroundNeutralTertiary": "#6F6F6F",
153+
"backgroundNeutral": "#F7F7F7"
154+
}

0 commit comments

Comments
 (0)