Skip to content

Commit d7d90c0

Browse files
committed
second pass on JSON, colors
1 parent afa54b4 commit d7d90c0

File tree

4 files changed

+61
-48
lines changed

4 files changed

+61
-48
lines changed

powerapps-docs/maker/TOC.yml

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -410,7 +410,7 @@
410410
- name: CountRows
411411
href: ./canvas-apps/functions/function-table-counts.md
412412
- name: Data types
413-
href: ./canvas-apps/functions/data-types.md
413+
href: ./canvas-apps/functions/data-types.md
414414
- name: DataSourceInfo
415415
href: ./canvas-apps/functions/function-datasourceinfo.md
416416
- name: Date
@@ -485,6 +485,8 @@
485485
href: ./canvas-apps/functions/function-now-today-istoday.md
486486
- name: IsType
487487
href: ./canvas-apps/functions/function-astype-istype.md
488+
- name: JSON
489+
href: ./canvas-apps/functions/function-json.md
488490
- name: Language
489491
href: ./canvas-apps/functions/function-language.md
490492
- name: Last

powerapps-docs/maker/canvas-apps/formula-reference.md

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ Formulas combine many elements. Listed below are:
2525
Other elements include:
2626

2727
* [All operators](functions/operators.md)
28-
* [Controls and their properties](reference-properties.md)
28+
* [Controls and their properties](reference-properties.md)
2929
* [Data types](functions/data-types.md)
3030

3131
## A
@@ -181,7 +181,10 @@ Other elements include:
181181

182182
**[IsToday](functions/function-now-today-istoday.md)** – Checks whether a date/time value is sometime today.
183183

184-
**[IsType](functions/function-astype-istype.md)** – Checks whether a record reference refers to a specific entity type.
184+
**[IsType](functions/function-astype-istype.md)** – Checks whether a record reference refers to a specific entity type.
185+
186+
## J
187+
**[JSON](functions/function-json.md)** - Generates a JSON text string for a table, a record, or a value.
185188

186189
## L
187190
**[Language](functions/function-language.md)** – Returns the language tag of the current user.

powerapps-docs/maker/canvas-apps/functions/function-colors.md

Lines changed: 19 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -15,52 +15,56 @@ search.app:
1515
- PowerApps
1616
---
1717
# Color enumeration and ColorFade, ColorValue, and RGBA functions in PowerApps
18-
Using built-in color values, defining custom colors, and using the alpha channel.
18+
19+
Use built-in color values, define custom colors, and use the alpha channel.
1920

2021
## Description
2122

22-
The **Color** enumeration is an easy way to access the colors defined by HTML's Cascading Style Sheets (CSS). For example, **Color.Red** returns a pure red color. You can find a list of these colors at the end of this topic.
23+
By using the **Color** enumeration, you can easily access the colors that are defined by HTML's Cascading Style Sheets (CSS). For example, **Color.Red** returns pure red. You can find a list of these colors at the end of this topic.
2324

2425
The **ColorValue** function returns a color based on a color string in a CSS. The string can take any of these forms:
26+
2527
- **CSS color name:** **"RoxyBrown"** and **"OliveDrab"** are examples. These names don't include spaces. The list of supported colors appears later in this topic.
26-
- **6-digit hex value:** As an example **"#ffd700"** is the same as **"Gold"**. The string is in the format "#*RRGGBB*" where *RR* is the red portion in two hexadecimal digits, *GG* is the green, and *BB* is the blue.
27-
- **8-digit hex value:** As an example, **"#ff7f5080"** is the same as **"Coral"** with a 50% alpha channel. The string is in the format "#*RRGGBBAA*" where *RR*, *GG*, and *BB* are identical to the 6-digit form. The alpha channel is represented by *AA*: **00** represents fully transparent, and **ff** represents fully opaque.
28+
- **6-digit hex value:** As an example **"#ffd700"** is the same as **"Gold"**. The string is in the format "#*rrggbb*" where *rr* is the red portion in two hexadecimal digits, *gg* is the green, and *bb* is the blue.
29+
- **8-digit hex value:** As an example, **"#ff7f5080"** is the same as **"Coral"** with a 50% alpha channel. The string is in the format "#*rrggbbaa*" where *rr*, *gg*, and *bb* are identical to the 6-digit form. The alpha channel is represented by *aa*: **00** represents fully transparent, and **ff** represents fully opaque.
2830

29-
The **RGBA** function returns a color based on red, green, and blue color components. It also includes an alpha channel for mixing colors of objects that are layered on top of one another. Alpha varies from 0 or 0% (which is fully transparent and invisible) to 1 or 100% (which is fully opaque and completely blocks out any layers behind).
31+
The **RGBA** function returns a color based on red, green, and blue components. The function also includes an alpha channel for mixing colors of controls that are layered in front of one another. An alpha channel varies from 0 or 0% (which is fully transparent and invisible) to 1 or 100% (which is fully opaque and completely blocks out any layers behind a control).
3032

31-
The **ColorFade** function returns a brighter or darker version of a color. The amount of fade varies from -1 (which fully darkens a color to black) to 0 (which has no impact on the color) to 1 (which fully brightens a color to white).
33+
The **ColorFade** function returns a brighter or darker version of a color. The amount of fade varies from -1 (which fully darkens a color to black) to 0 (which doesn't affect the color) to 1 (which fully brightens a color to white).
3234

3335
## Alpha channel
3436

35-
You can layer controls in a canvas app in front of one another and specify the transparency of a control to any controls that are behind it. As a result, colors will blend through the layers. For example, this diagram shows how the three primary colors mix with an alpha setting of 50%:
37+
In a canvas app, you can layer controls in front of one another and specify the transparency of a control to any controls that are behind it. As a result, colors will blend through the layers. For example, this diagram shows how the three primary colors mix with an alpha setting of 50%:
3638

37-
![](media/function-colors/alpha-primary.png)
39+
> [!div class="mx-imgBorder"]
40+
> ![Three primary colors with an alpha setting of 50%](media/function-colors/alpha-primary.png)
3841
3942
You can also blend images in file formats that support alpha channels. For example, you can't blend .jpeg files, but you can blend .png files. The next graphic shows the same red, green, and blue colors from the previous example, but the red color appears as a squiggle (instead of a circle) in a .png file with a 50% alpha channel:
4043

41-
![](media/function-colors/alpha-image.png)
44+
> [!div class="mx-imgBorder"]
45+
> ![Red squiggle with an alpha setting of 50% in front of blue and green circles](media/function-colors/alpha-image.png)
4246
4347
If you specify a **Color** enumeration value or you build a **ColorValue** formula with a color name or a 6-digit hexadecimal value, the alpha setting is 100%, which is fully opaque.
4448

4549
## Syntax
4650

4751
**Color**.*ColorName*
4852

49-
* *ColorName* - Required. A Cascading Style Sheet (CSS) color name. See list below of possible enumeration values.
53+
- *ColorName* - Required. A Cascading Style Sheet (CSS) color name. The list of possible enumeration values appears at the end of this topic.
5054

5155
**ColorValue**( *CSSColor* )
5256

53-
* *CSSColor* - Required. A Cascading Style Sheet (CSS) color definition. You can specify either a name, such as **OliveDrab**, or a hex value, such as **#6b8e23** or **#7fffd420**. Hex values can take the form of either #*RRGGBB* or #*RRGGBBAA*.
57+
- *CSSColor* - Required. A Cascading Style Sheet (CSS) color definition. You can specify either a name, such as **OliveDrab**, or a hex value, such as **#6b8e23** or **#7fffd420**. Hex values can take the form of either #*rrggbb* or #*rrggbbaa*.
5458

5559
**RGBA**( *Red*, *Green*, *Blue*, *Alpha* )
5660

57-
* *Red*, *Green*, *Blue* - Required. Color component values, ranging from 0 (no saturation) to 255 (full saturation).
58-
* *Alpha* - Required. Alpha component, ranging from 0 (fully transparent) to 1 (fully opaque). You can also use a percentage, 0% to 100%.
61+
- *Red*, *Green*, *Blue* - Required. Color-component values, which range from 0 (no saturation) to 255 (full saturation).
62+
- *Alpha* - Required. Alpha component, which ranges from 0 (fully transparent) to 1 (fully opaque). You can also use a percentage, 0% to 100%.
5963

6064
**ColorFade**( *Color*, *FadeAmount* )
6165

62-
* *Color* - Required. A color value such as **Color.Red** or the output from **ColorValue** or **RGBA**.
63-
* *FadeAmount* - Required. A number between -1 and 1. -1 fully darkens a color to black, 0 has no impact on the color, and 1 fully brightens a color to white. You can also use a percentage from -100% to 100%
66+
- *Color* - Required. A color value such as **Color.Red** or the output from **ColorValue** or **RGBA**.
67+
- *FadeAmount* - Required. A number between -1 and 1. -1 fully darkens a color to black, 0 doesn't affect the color, and 1 fully brightens a color to white. You can also use a percentage from -100% to 100%.
6468

6569
## Built-in colors
6670

0 commit comments

Comments
 (0)