starred/radzen-blazor
1
0
Fork 0
mirror of https://github.com/radzenhq/radzen-blazor.git synced 2026-02-04 05:35:44 +00:00
Code Issues 1.3k Packages Projects Releases 22 Wiki Activity

Feature request: Icon placement field on buttons for moving the icon after the button text. #1021

New Issue
Closed
opened 2026-01-29 17:47:53 +00:00 by claunia · 1 comment
claunia commented 2026-01-29 17:47:53 +00:00
Owner
Copy Link

Originally created by @DaveBagler on GitHub (Oct 27, 2023).

Is your feature request related to a problem? Please describe.
In my app, I have some buttons that have icons. All of the icons are before the text, which is usually fine. However, there are times when it would be more appropriate to have a button icon display after the text.

Describe the solution you'd like
Is there any appetite to add an IconPlacement or IconPosition field to buttons that default to "before" but can be set to "after"?

The existing functionality wouldn't change due to the default, but developers could move the icon after the text if they wanted to.

Describe alternatives you've considered
It can be done manually by adding an icon component after the text in the button (using child content) and styling as necessary. However, this solution isn't in keeping with component-based UIs.

Additional context
If there is some appetite for this feature, I'll get started on a PR. Due to the level of effort associated with the feature (especially the per-theme CSS updates), I want to confirm this isn't a no-go before starting.

Originally created by @DaveBagler on GitHub (Oct 27, 2023). <!-- IMPORTANT: Read this first!!! 1. If you own a Radzen Professional or Еnterprise subscription you can request your feature via email at info@radzen.com. Radzen staff will reply within 24 hours (Professional) or 16 hours (Enterprise) 2. The Radzen staff guarantees a response to issues in this repo only to paid subscribers. 3. If you have a HOW TO question start a new forum thread in the Radzen Community forum: https://forum.radzen.com. Radzen staff will close issues that are HOWTO questions. 4. Please adhere to the issue template. --> **Is your feature request related to a problem? Please describe.** In my app, I have some buttons that have icons. All of the icons are before the text, which is usually fine. However, there are times when it would be more appropriate to have a button icon display after the text. **Describe the solution you'd like** Is there any appetite to add an `IconPlacement` or `IconPosition` field to buttons that default to "before" but can be set to "after"? The existing functionality wouldn't change due to the default, but developers could move the icon after the text if they wanted to. **Describe alternatives you've considered** It can be done manually by adding an icon component after the text in the button (using child content) and styling as necessary. However, this solution isn't in keeping with component-based UIs. **Additional context** If there is some appetite for this feature, I'll get started on a PR. Due to the level of effort associated with the feature (especially the per-theme CSS updates), I want to confirm this isn't a no-go before starting.
claunia commented 2026-01-29 17:47:54 +00:00
Author
Owner
Copy Link

@enchev commented on GitHub (Nov 29, 2023):

Hi @DaveBagler,

You can use Button ChildContent to place the text and icons in desired order. For example:
image
image

@enchev commented on GitHub (Nov 29, 2023): Hi @DaveBagler, You can use Button ChildContent to place the text and icons in desired order. For example: ![image](https://github.com/radzenhq/radzen-blazor/assets/5804953/4e48ba8c-9c23-4d3e-b613-74d50ea42442) ![image](https://github.com/radzenhq/radzen-blazor/assets/5804953/411d5df2-627a-49b8-9ed0-22232f29358e)
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
enhancement
good first issue
pull-request
Mirrored from GitHub Pull Request
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1021
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?