Skip to content

add icon in Title Dialog #2170

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.

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
merged 3 commits into from
May 26, 2025
Merged

add icon in Title Dialog #2170

merged 3 commits into from
May 26, 2025

Conversation

bikotoru
Copy link
Contributor

Add Icon Support to Dialog Titles

What

Added icon display functionality to Radzen dialog titles.

Changes

  • Added Icon property to DialogOptions - icon name to display
  • Added IconColor property to DialogOptions - icon color
  • Added IconStyle property to DialogOptions - custom CSS for icon
  • Updated dialog component to render icon when provided

Examples

await DialogService.OpenAsync<StateTransitionConfirmModal>(
    $"Change to {transition.DisplayName ?? transition.To}",
    parameters,
    new DialogOptions 
    { 
        Width = "600px", 
        CloseDialogOnOverlayClick = false,
        ShowTitle = true,
        ShowClose = true,
        Icon = "add",
        IconColor = Colors.Danger,
        IconStyle = "border: solid 1px"
    });

image

 await DialogService.OpenAsync<StateTransitionConfirmModal>(
     $"Cambiar a {transition.DisplayName ?? transition.To}",
     parameters,
     new DialogOptions
     {
         Width = "600px",
         CloseDialogOnOverlayClick = false,
         ShowTitle = true,
         ShowClose = true,
         Icon = "add",
         IconColor = Colors.Success,

     });

image

Notes

  • All new properties are optional

@bikotoru bikotoru closed this May 23, 2025
@bikotoru bikotoru reopened this May 23, 2025
@bikotoru bikotoru closed this May 23, 2025
@bikotoru bikotoru reopened this May 23, 2025
@enchev enchev merged commit eb74460 into radzenhq:master May 26, 2025
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants