Merge pull request #3614 from syncfusion-content/update-sunburst-markdown-UG-master

973017 Addressed sunburst and markdown viewer suggestions and updated API hyperlinks [Master]

Author: Saravanan-Madhesh

MAUI/MarkdownViewer/Appearance.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # Customize Appearance in .NET MAUI SfMarkdownViewer
 
-The [SfMarkdownViewer]() control in .NET MAUI provides a powerful styling system through the `MarkdownStyleSettings` class. This allows developers to customize the visual presentation of Markdown content with precision and flexibility.
+The [SfMarkdownViewer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.SfMarkdownViewer.html) control in .NET MAUI provides a powerful styling system through the [MarkdownStyleSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.MarkdownStyleSettings.html) class. This allows developers to customize the visual presentation of Markdown content with precision and flexibility.
 
 ## Key Features
 
@@ -29,15 +29,14 @@ The [SfMarkdownViewer]() control in .NET MAUI provides a powerful styling system
 
 The appearance of headings and body content in SfMarkdownViewer can be customized using the MarkdownStyleSettings class.
 
-- [H1FontSize](), [H2FontSize](), [H3FontSize]() – Gets or sets the font size for H1, H2, and H3 heading elements respectively.  
-- [H1Color](), [H2Color](), [H3Color]() – Gets or sets the text color for H1, H2, and H3 heading elements respectively.  
-- [BodyFontSize]() – Gets or sets the font size for regular paragraph text. 
-
-- [BodyTextColor]() – Gets or sets the text color for body content.  
-- [TableHeaderFontSize](), [TableDataFontSize]() – Gets or sets the font size for table headers and table content respectively.  
-- [TableHeaderTextColor](), [TableDataTextColor]() – Gets or sets the text color for table headers and table content respectively.  
-- [TableBackground]() – Gets or sets the background color for the entire table area.
-- [CssStyleRules]() – Gets or sets raw CSS styles to override or extend default Markdown rendering behavior.
+- [H1FontSize](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.MarkdownStyleSettings.html#Syncfusion_Maui_MarkdownViewer_MarkdownStyleSettings_H1FontSize), [H2FontSize](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.MarkdownStyleSettings.html#Syncfusion_Maui_MarkdownViewer_MarkdownStyleSettings_H2FontSize), [H3FontSize](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.MarkdownStyleSettings.html#Syncfusion_Maui_MarkdownViewer_MarkdownStyleSettings_H3FontSize) – Gets or sets the font size for H1, H2, and H3 heading elements respectively.  
+- [H1Color](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.MarkdownStyleSettings.html#Syncfusion_Maui_MarkdownViewer_MarkdownStyleSettings_H1Color), [H2Color](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.MarkdownStyleSettings.html#Syncfusion_Maui_MarkdownViewer_MarkdownStyleSettings_H2Color), [H3Color](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.MarkdownStyleSettings.html#Syncfusion_Maui_MarkdownViewer_MarkdownStyleSettings_H3Color) – Gets or sets the text color for H1, H2, and H3 heading elements respectively.  
+- [BodyFontSize](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.MarkdownStyleSettings.html#Syncfusion_Maui_MarkdownViewer_MarkdownStyleSettings_BodyFontSize) – Gets or sets the font size for regular paragraph text. 
+- [BodyTextColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.MarkdownStyleSettings.html#Syncfusion_Maui_MarkdownViewer_MarkdownStyleSettings_BodyTextColor) – Gets or sets the text color for body content.  
+- [TableHeaderFontSize](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.MarkdownStyleSettings.html#Syncfusion_Maui_MarkdownViewer_MarkdownStyleSettings_TableHeaderFontSize), [TableDataFontSize](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.MarkdownStyleSettings.html#Syncfusion_Maui_MarkdownViewer_MarkdownStyleSettings_TableDataFontSize) – Gets or sets the font size for table headers and table content respectively.  
+- [TableHeaderTextColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.MarkdownStyleSettings.html#Syncfusion_Maui_MarkdownViewer_MarkdownStyleSettings_TableHeaderTextColor), [TableDataTextColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.MarkdownStyleSettings.html#Syncfusion_Maui_MarkdownViewer_MarkdownStyleSettings_TableDataTextColor) – Gets or sets the text color for table headers and table content respectively.  
+- [TableBackground](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.MarkdownStyleSettings.html#Syncfusion_Maui_MarkdownViewer_MarkdownStyleSettings_TableBackground) – Gets or sets the background color for the entire table area.
+- [CssStyleRules](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.MarkdownStyleSettings.html#Syncfusion_Maui_MarkdownViewer_MarkdownStyleSettings_CssStyleRules) – Gets or sets raw CSS styles to override or extend default Markdown rendering behavior.
 
 {% tabs %} 
 {% highlight xaml %}
@@ -97,4 +96,4 @@ The following output shows how these style settings enhance the appearance of re
 
 ![Sample markdown content appearance customization](images/maui-markdown-viewer-appearance.png)
 
-With [MarkdownStyleSettings](), you gain full control over how Markdown content looks in your .NET MAUI app, whether you're building a documentation viewer, a note-taking app, or a styled content portal.
+With [MarkdownStyleSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.MarkdownStyleSettings.html), you gain full control over how Markdown content looks in your .NET MAUI app, whether you're building a documentation viewer, a note-taking app, or a styled content portal.

MAUI/MarkdownViewer/ContentRetrieval.md

@@ -9,11 +9,11 @@ documentation: ug
 
 # Retrieve Content Programmatically in .NET MAUI SfMarkdownViewer
 
-The [SfMarkdownViewer]() control provides built-in methods to retrieve and transform Markdown content programmatically. These methods allow developers to access the raw Markdown, convert it to HTML, or extract plain text without formatting.
+The [SfMarkdownViewer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.SfMarkdownViewer.html) control provides built-in methods to retrieve and transform Markdown content programmatically. These methods allow developers to access the raw Markdown, convert it to HTML, or extract plain text without formatting.
 
-## GetMarkdownText()
+## GetMarkdownText
 
-Retrieves the raw Markdown content currently assigned to the `Source` property of the [SfMarkdownViewer]() control. 
+Retrieves the raw Markdown content currently assigned to the [Source](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.SfMarkdownViewer.html#Syncfusion_Maui_MarkdownViewer_SfMarkdownViewer_Source) property of the [SfMarkdownViewer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.SfMarkdownViewer.html) control. 
 
 {% tabs %}
 {% highlight C# hl_lines="12" %}
@@ -29,13 +29,13 @@ Retrieves the raw Markdown content currently assigned to the `Source` property o
         }
         . . .
 
-        string markdown = MarkdownViewer.GetMarkdown();
+        string markdown = markdownViewer.GetMarkdownText();
     }
 
 {% endhighlight %}
 {% endtabs %}
 
-## GetHtml()
+## GetHtmlText
 
 Converts the Markdown content of the SfMarkdownViewer control into HTML format and provides the result as a string.
 
@@ -53,15 +53,15 @@ Converts the Markdown content of the SfMarkdownViewer control into HTML format a
         }
         . . .
 
-        string html = MarkdownViewer.GetHtml();
+        string html = markdownViewer.GetHtmlText();
     }
 
 {% endhighlight %}
 {% endtabs %}
 
-## GetText()
+## GetText
 
-Extracts the plain text content from the Markdown assigned to the `SfMarkdownViewer` control, removing all Markdown formatting such as headings, emphasis, links, and code blocks.
+Extracts the plain text content from the Markdown assigned to the [SfMarkdownViewer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.SfMarkdownViewer.html) control, removing all Markdown formatting such as headings, emphasis, links, and code blocks.
 
 {% tabs %}
 {% highlight C# hl_lines="12" %}

MAUI/MarkdownViewer/MarkdownSources.md renamed to MAUI/MarkdownViewer/DataBinding.md

@@ -9,11 +9,11 @@ documentation: ug
 
 # Loading Markdown Content in .NET MAUI MarkdownViewer
 
-The [SfMarkdownViewer]() control supports flexible input sources, allowing developers to load Markdown content from strings, local files, embedded resources, and external URLs.
+The [SfMarkdownViewer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.SfMarkdownViewer.html) control supports flexible input sources, allowing developers to load Markdown content from strings, local files, embedded resources, and external URLs.
 
 ## From String
 
-Assign a Markdown-formatted string to the `Source` property of the SfMarkdownViewer control to render markdown content directly within your application.
+Assign a Markdown-formatted string to the [Source](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.SfMarkdownViewer.html#Syncfusion_Maui_MarkdownViewer_SfMarkdownViewer_Source) property of the [SfMarkdownViewer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.SfMarkdownViewer.html) control to render markdown content directly within your application.
 
 {% tabs %} 
 {% highlight xaml %}
@@ -71,19 +71,7 @@ namespace MarkdownViewerGettingStarted
 
 ## From Local File
 
-To load Markdown content from a local `.md` file, you can directly specify the file path and read its contents using standard file I/O and assign its content to the `Source` property of the `SfMarkdownViewer`.
-
-**XAML**
-
-{% highlight xaml %}
-
-<ContentPage>
-
-    <markdown:SfMarkdownViewer x:Name="MarkdownViewer" />
-
-</ContentPage>
-
-{% endhighlight %}
+To load Markdown content from a local `.md` file, you can directly specify the file path and read its contents using standard file I/O and assign its content to the [Source](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.SfMarkdownViewer.html#Syncfusion_Maui_MarkdownViewer_SfMarkdownViewer_Source) property of the [SfMarkdownViewer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.SfMarkdownViewer.html).
 
 Use the following code-behind to read the file and assign its content to the Markdown Viewer:
 
@@ -96,10 +84,11 @@ public partial class MainPage : ContentPage
     public MainPage()
     {
         InitializeComponent();
-
+        SfMarkdownViewer markdownViewer = new SfMarkdownViewer();
         string filePath = @"D:\MAUI\MarkdownViewer\Files\MarkdownContent.md";
         string markdownContent = File.ReadAllText(filePath);
-        MarkdownViewer.Source = markdownContent;
+        markdownViewer.Source = markdownContent;
+        Content = markdownViewer;  
     }
 }
 
@@ -108,19 +97,7 @@ public partial class MainPage : ContentPage
 ## From Embedded Resource
 
 1. To load Markdown content from an embedded resource, place the `.md` file inside the `Resources` folder of your .NET MAUI project. 
-2. Use asynchronous file access to read and assign the content to the `Source` property of the `SfMarkdownViewer` control.
-
-**XAML**
-
-{% highlight xaml %}
-
-<ContentPage>
-
-    <markdown:SfMarkdownViewer x:Name="MarkdownViewer" />
-
-</ContentPage>
-
-{% endhighlight %}
+2. Use asynchronous file access to read and assign the content to the [Source](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.SfMarkdownViewer.html#Syncfusion_Maui_MarkdownViewer_SfMarkdownViewer_Source) property of the [SfMarkdownViewer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.MarkdownViewer.SfMarkdownViewer.html) control.
 
 Refer to the following code-behind to read the embedded resource and assign its content to the Markdown Viewer:
 
@@ -130,18 +107,22 @@ Refer to the following code-behind to read the embedded resource and assign its
 
 public partial class MainPage : ContentPage
 {
+    SfMarkdownViewer markdownViewer;
+
     public MainPage()
     {
         InitializeComponent();
+        markdownViewer = new SfMarkdownViewer();
         _ = LoadMarkdownAsync();
+        Content = markdownViewer;  
     }
 
     private async Task LoadMarkdownAsync()
     {
         using Stream stream = await FileSystem.OpenAppPackageFileAsync("MarkdownContent.md");
         using StreamReader reader = new StreamReader(stream, Encoding.UTF8);
         string markdownContent = await reader.ReadToEndAsync();
-        MarkdownViewer.Source = markdownContent;
+        markdownViewer.Source = markdownContent;
     }
 }