RadzenPanelMenuItem. I need OnIconClick method #772

Closed
opened 2026-01-29 17:43:08 +00:00 by claunia · 4 comments
Owner

Originally created by @Andrey-2021 on GitHub (Mar 21, 2023).

Hi!

I want show helpIcon,
and when user click on this icon (or mouse will stand on top),
we show Tooltip with help

Please add OnIconClick method
(and/or mouse on top event)

Thanks

image

Originally created by @Andrey-2021 on GitHub (Mar 21, 2023). Hi! I want show helpIcon, and when user click on this icon (or mouse will stand on top), we show Tooltip with help Please add OnIconClick method (and/or mouse on top event) Thanks ![image](https://user-images.githubusercontent.com/92442252/226563495-0de1bcb4-6fe5-4ded-98a1-c9e281d0f00a.png)
Author
Owner

@akorchev commented on GitHub (Mar 21, 2023):

You can use the Template option and handle the click event of whatever element you want.

            <RadzenPanelMenuItem>
                <Template>
                    Buttons <RadzenButton Icon="Help" Click=@(() => HelpClicked("Buttons")) />
                </Template>
            </RadzenPanelMenuItem>
@akorchev commented on GitHub (Mar 21, 2023): You can use the Template option and handle the click event of whatever element you want. ``` <RadzenPanelMenuItem> <Template> Buttons <RadzenButton Icon="Help" Click=@(() => HelpClicked("Buttons")) /> </Template> </RadzenPanelMenuItem> ```
Author
Owner

@Andrey-2021 commented on GitHub (Mar 21, 2023):

Excuse me, but it's not work.
Click event don't report in HelpClicked("Buttons").

image

@Andrey-2021 commented on GitHub (Mar 21, 2023): Excuse me, but it's not work. Click event don't report in HelpClicked("Buttons"). ![image](https://user-images.githubusercontent.com/92442252/226576672-e978038d-02ac-451a-9fee-127f30d066d9.png)
Author
Owner

@akorchev commented on GitHub (Mar 22, 2023):

Try adding position: relative; z-index:1:

 <RadzenPanelMenuItem>
   <Template>
      Buttons <RadzenButton style="position: relative; z-index: 1" Icon="Help" Click=@(() => HelpClicked("Buttons")) />
  </Template>
</RadzenPanelMenuItem>
     
@akorchev commented on GitHub (Mar 22, 2023): Try adding `position: relative; z-index:1`: ``` <RadzenPanelMenuItem> <Template> Buttons <RadzenButton style="position: relative; z-index: 1" Icon="Help" Click=@(() => HelpClicked("Buttons")) /> </Template> </RadzenPanelMenuItem> ```
Author
Owner

@Andrey-2021 commented on GitHub (Mar 22, 2023):

Thanks,
It work

@Andrey-2021 commented on GitHub (Mar 22, 2023): Thanks, It work
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#772