Skip to content

1011191- Reviewed and updated the content of Microsoft Entra ID #8363

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kmkrish001 merged 6 commits into from
May 11, 2026
+22 −19
Merged

1011191- Reviewed and updated the content of Microsoft Entra ID #8363

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
eb65ab5
1011191- Reviwed and updated the content of Microsoft Entra ID
Gayathri4135 May 8, 2026
52fd9b3
Updated the md file
Gayathri4135 May 11, 2026
7b8647f
Updated the md file
Gayathri4135 May 11, 2026
69b13a2
Merge branch 'development' into 1011191-microsoft-authentication
Gayathri4135 May 11, 2026
b983e79
Merge branch 'development' into 1011191-microsoft-authentication
Gayathri4135 May 11, 2026
9be756b
Merge branch 'development' into 1011191-microsoft-authentication
Gayathri4135 May 11, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
41 changes: 22 additions & 19 deletions blazor/common/authentication/blazor-microsoft-entra-id.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ This guide shows how to secure the [Syncfusion® Blazor DataGrid](https://www.sy

## Create a Blazor project

If you already have a Blazor project configured, you can skip this section and proceed to **Install required packages**.
If you already have a Blazor project configured, you can skip this section and proceed to [Install required packages](../authentication/blazor-microsoft-entra-id#install-required-packages).

Otherwise, create a new Blazor application by following the [Syncfusion® getting started guide](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) for a **Blazor Web App (Interactive Server)**.

Expand Down Expand Up @@ -67,17 +67,17 @@ Include the theme stylesheet and script references in the `App.razor` file.
{% highlight razor tabtitle="App.razor" %}

<head>
....
....
<!-- Syncfusion® theme stylesheet -->
<link href="_content/Syncfusion.Blazor.Themes/fluent2.css" rel="stylesheet" />
....
....
</head>

<body>
....
....
<!-- Syncfusion® Blazor core script (required for UI components, including DataGrid) -->
<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
....
....
</body>

{% endhighlight %}
Expand Down Expand Up @@ -147,7 +147,7 @@ using Syncfusion.Blazor;

var builder = WebApplication.CreateBuilder(args);

// Configure authentication with Microsoft Entra ID (Azure AD)
// Configure authentication with Microsoft Entra ID (Azure AD).
builder.Services.AddAuthentication(OpenIdConnectDefaults.AuthenticationScheme)
.AddMicrosoftIdentityWebApp(builder.Configuration.GetSection("AzureAd"));

Expand All @@ -156,10 +156,10 @@ builder.Services.AddAuthorization();
builder.Services.AddRazorComponents()
.AddInteractiveServerComponents();

// Register the Syncfusion® Blazor service
// Register the Syncfusion® Blazor service.
builder.Services.AddSyncfusionBlazor();

// Add controllers with UI endpoints for Microsoft Identity (SignIn/SignOut)
// Add controllers with UI endpoints for Microsoft Identity (SignIn/SignOut).
builder.Services.AddControllersWithViews().AddMicrosoftIdentityUI();

var app = builder.Build();
Expand Down Expand Up @@ -236,31 +236,34 @@ Create a protected page that displays the **Syncfusion® Blazor DataGrid** only
<a class="btn btn-secondary" href="/MicrosoftIdentity/Account/SignOut">Logout</a>
</div>

<SfGrid DataSource="@Orders" AllowPaging="true" AllowSorting="true">
<SfGrid DataSource="@Orders">
<GridColumns>
<GridColumn Field="@nameof(Order.OrderID)" HeaderText="Order ID" Width="120" IsPrimaryKey="true">
</GridColumn>
<GridColumn Field="@nameof(Order.CustomerID)" HeaderText="Customer ID" Width="150"></GridColumn>
<GridColumn Field=@nameof(Order.OrderID) HeaderText="Order ID" TextAlign="TextAlign.Right" Width="120" />
<GridColumn Field=@nameof(Order.CustomerID) HeaderText="Customer ID" Width="100" />
<GridColumn Field=@nameof(Order.OrderDate) HeaderText="Order Date" Format="d" Type="ColumnType.Date" Width="100" />
<GridColumn Field=@nameof(Order.Freight) HeaderText="Freight" Format="C2" TextAlign="TextAlign.Right" Width="120" />
</GridColumns>
</SfGrid>

@code {
public List<Order> Orders { get; set; } = new List<Order>();
@code{
public List<Order> Orders { get; set; }

protected override void OnInitialized()
{
var customerIds = new[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" };
Orders = Enumerable.Range(1, 5).Select(x => new Order
{
OrderID = x,
CustomerID = customerIds[Random.Shared.Next(5)]
Orders = Enumerable.Range(1, 12).Select(i => new Order {
OrderID = 1000 + i,
CustomerID = new[] { "ALFKI","ANATR","ANTON","BLONP","BOLID" }[Random.Shared.Next(5)],
OrderDate = DateTime.Today.AddDays(-i),
Freight = Math.Round(25 + 15 * Random.Shared.NextDouble(), 2)
}).ToList();
}

public class Order
{
public int OrderID { get; set; }
public string? CustomerID { get; set; }
public DateTime OrderDate { get; set; }
public double Freight { get; set; }
}
}
</Authorized>
Expand Down
Binary file modified blazor/common/authentication/images/blazor-datagrid-microsoftentraid.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.