From 54268e2768df663e5c32a56feab82a4264aba516 Mon Sep 17 00:00:00 2001 From: Virri Praneeth Reddy Date: Wed, 18 Jun 2025 11:30:20 +0530 Subject: [PATCH 1/2] WMS-28328: added documentation for bold functionality in label --- learn/app-development/widgets/basic/label.md | 1 + learn/how-tos/label-text-formatting.md | 22 ++++++++++++++++++++ website/sidebars.json | 9 +++++++- 3 files changed, 31 insertions(+), 1 deletion(-) create mode 100644 learn/how-tos/label-text-formatting.md diff --git a/learn/app-development/widgets/basic/label.md b/learn/app-development/widgets/basic/label.md index b413f9f26..be1647974 100644 --- a/learn/app-development/widgets/basic/label.md +++ b/learn/app-development/widgets/basic/label.md @@ -41,6 +41,7 @@ The following features for Label can be set in the **Class** property from the * | Show | Showing determines whether or not a component is visible. It is a bindable property. | | Load on Demand (visible only when show property is bound to a variable) | When this property is set and show property is bound, the initialization of the widget will be deferred till the widget becomes visible. This behavior improves the load time. Use this feature with caution, as it has a downside (as we will not be able to interact with the widget through script until the widget is initialized). When show property is not bound the widget will be initialized immediately. | | Animation | This property controls the animation of an element. The animation is based on the CSS classes and works only in the run mode. | +| Android Ellipsis | Controls ellipsis behavior on Android devices. When set to true (default), ellipsis (...) is automatically applied when text overflows. When wrap is false, ellipsis appears at the end of the single line. When wrap is true and text exceeds the available space or specified number of lines, ellipsis is applied to the last visible line. Set to false to disable this Android-specific ellipsis behavior. | | **Format** | | Horizontal align | This property specifies how the elements should be aligned horizontally. | diff --git a/learn/how-tos/label-text-formatting.md b/learn/how-tos/label-text-formatting.md new file mode 100644 index 000000000..0e419719f --- /dev/null +++ b/learn/how-tos/label-text-formatting.md @@ -0,0 +1,22 @@ +--- +title: "label text formatting" +id: "label-text-formatting" +sidebar_label: "Label Text Formatting" +--- +--- + +import LabelTextFormatting from '/learn/assets/bold-text-in-label.png'; + +In this documentation, we will see how to format text within Label widgets using bold text and clickable links. The Label widget provides built-in text formatting functionality that supports markdown-style syntax - use `**double asterisks**` to make text bold and `[text](URL)` to create clickable links. This allows you to create rich text displays with emphasized content and interactive elements without requiring additional styling or custom components. + +## Bold Text Formatting + + +### Markup + +```html + +``` + + + diff --git a/website/sidebars.json b/website/sidebars.json index 0ed044552..2b1d9b45b 100755 --- a/website/sidebars.json +++ b/website/sidebars.json @@ -1390,7 +1390,14 @@ "type": "category", "label": "Basic Widgets", "items": [ - "app-development/widgets/basic/label", + { + "type": "category", + "label": "Label", + "items": [ + "app-development/widgets/basic/label", + "how-tos/label-text-formatting" + ] + }, "app-development/widgets/basic/anchor", "app-development/widgets/basic/icon", "app-development/widgets/basic/picture", From 460dd832e497d74b3d484989a25f07d391cecd41 Mon Sep 17 00:00:00 2001 From: Virri Praneeth Reddy Date: Wed, 18 Jun 2025 12:00:54 +0530 Subject: [PATCH 2/2] WMS-28328: removed an un-implemented line --- learn/how-tos/label-text-formatting.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/learn/how-tos/label-text-formatting.md b/learn/how-tos/label-text-formatting.md index 0e419719f..d44bd82d3 100644 --- a/learn/how-tos/label-text-formatting.md +++ b/learn/how-tos/label-text-formatting.md @@ -5,8 +5,6 @@ sidebar_label: "Label Text Formatting" --- --- -import LabelTextFormatting from '/learn/assets/bold-text-in-label.png'; - In this documentation, we will see how to format text within Label widgets using bold text and clickable links. The Label widget provides built-in text formatting functionality that supports markdown-style syntax - use `**double asterisks**` to make text bold and `[text](URL)` to create clickable links. This allows you to create rich text displays with emphasized content and interactive elements without requiring additional styling or custom components. ## Bold Text Formatting