ElementFlow Element Disables Controls

Question

I use the Fluidkit ElementFlow control, which I use to display the UserControl, which contains a text block with a ScrollViewer, as well as a button, and when they are displayed in the ElementFlow control, all buttons and ScrollViewer seem to be disabled because I cannot scroll the scroll bar of the ScrollViewer and even a simple action, since hovering over a button does nothing with the button.

The following is an example of a TextBlock in a ScrollViewer that does not allow scrolling when used in ElementFlow.

How can this be fixed?

<ScrollViewer Height="1200" Width="800" MaxHeight="1200" MaxWidth="800" VerticalScrollBarVisibility="Auto"> <TextBlock Height="Auto" Width="800" MaxWidth="800" FontSize="20" Text="Super long text" TextWrapping="Wrap"/> </ScrollViewer> 

Answer 1

Just by looking at the source code of the project, it looks like it creates a 3D grid and draws controls on the grid. This will prevent all user interaction. I do not think there is an easy way around this.

However, since you have the source code, you can do the work yourself to make this happen. You will need to change how ElementFlow presents its elements. Take a look at the CreateMeshModel function. He is currently creating a grid and applying VisualBrush to it. Instead, check out the 2D to 3D Interaction blog post in WPF to find out what should happen.