[PR #616] [MERGED] enable possibility to add custom css class to dialog #2256

Closed
opened 2026-01-29 18:17:58 +00:00 by claunia · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/radzenhq/radzen-blazor/pull/616
Author: @starkuss
Created: 9/22/2022
Status: Merged
Merged: 9/23/2022
Merged by: @enchev

Base: masterHead: Posibility_to_add_custom_cssclass_on_dialog


📝 Commits (1)

  • e9fb6e9 enable possibility to add custom css class to dialog

📊 Changes

2 files changed (+17 additions, -1 deletions)

View changed files

📝 Radzen.Blazor/DialogService.cs (+7 -0)
📝 Radzen.Blazor/Rendering/DialogContainer.razor (+10 -1)

📄 Description

when creating dialog customization on CSS is needed for layout, but it is not desired to modify all dialog boxes visual appearance, so custom CSS class can be added and it enables to style dialog that way.

dialogService.Open<DialogCardPage>($"Dialog Name",
                        new Dictionary<string, object>() { { "OrderID", orderID } },
                        new DialogOptions(){ cssClass="CustomClass" }))

Rendered Dialog html will be

<div class="rz-dialog CustomClass" >
...
</div>

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/radzenhq/radzen-blazor/pull/616 **Author:** [@starkuss](https://github.com/starkuss) **Created:** 9/22/2022 **Status:** ✅ Merged **Merged:** 9/23/2022 **Merged by:** [@enchev](https://github.com/enchev) **Base:** `master` ← **Head:** `Posibility_to_add_custom_cssclass_on_dialog` --- ### 📝 Commits (1) - [`e9fb6e9`](https://github.com/radzenhq/radzen-blazor/commit/e9fb6e9ca51e1a4d5dd9e5804cb5ca8dd61ba7d1) enable possibility to add custom css class to dialog ### 📊 Changes **2 files changed** (+17 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `Radzen.Blazor/DialogService.cs` (+7 -0) 📝 `Radzen.Blazor/Rendering/DialogContainer.razor` (+10 -1) </details> ### 📄 Description when creating dialog customization on CSS is needed for layout, but it is not desired to modify all dialog boxes visual appearance, so custom CSS class can be added and it enables to style dialog that way. ``` dialogService.Open<DialogCardPage>($"Dialog Name", new Dictionary<string, object>() { { "OrderID", orderID } }, new DialogOptions(){ cssClass="CustomClass" })) ``` Rendered Dialog html will be ``` <div class="rz-dialog CustomClass" > ... </div> ``` --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
claunia added the pull-request label 2026-01-29 18:17:58 +00:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#2256