Mouse events doesn't fire

[Roberto Vercellone]

 

 

 

Hi,
I use RadHtmlPlaceholder as follow but MouseEnter and MouseLeave events doesn't fire.
(Windowless parameter is set to true).

<Grid>

 

 

 

 

<Grid.RowDefinitions>

 

 

 

 

<RowDefinition Height="30"></RowDefinition>

 

 

 

 

<RowDefinition Height="*"></RowDefinition>

 

 

 

 

</Grid.RowDefinitions>

 

 

 

 

<sdk:Label x:Name="ttt" Content="eeeeeeeeeeeeeeeeeeeeeeee" Grid.Row="0" />

 

 

 

 

<telerik:RadHtmlPlaceholder Grid.Row="1" Height="Auto" HorizontalAlignment="Left" SourceUrl=http://www.telerik.com" Name="RadHtmlPlaceholder1" VerticalAlignment="Top" Width="Auto" />

 

 

 

 

</Grid>

Any suggestion ?
Thanks

 

[Kiril Stanoev]

Hi Roberto,

In its core RadHtmlPlaceholder is an IFrame element that is dynamically placed on top of the Silverlight plugin. That is why any Silverlight event will not fire while the mouse is over the RadHtmlPlaceholder. One possible solution I can offer is to take a look at the JavaScript-Managed Code bridge. What I have in mind is to try and add mouse enter and mouse leave events to RadHtmlPlaceholder in JavaScript. When the JavaScript mouse enter and mouse leave get called, they should invoke the c# methods for mouse enter and mouse leave. More information on the bridge you can find in the articles bellow:

Walkthrough: Calling Managed Code from JavaScript

Walkthrough: Calling JavaScript from Managed Code

Calling Javascript functions from RadHtmlPlaceholder

Another possible partial solution is Silverlight only. Try wrapping the HtmlPlaceholder in 2 Borders - one for MouseEnter and one for MouseLeave. I've attached a sample project demonstrating this solution. Have a look at it and let me know how it goes.

Greetings,
Kiril Stanoev
the Telerik team