Hi,
How do I insert a pop-up balloon (similar to a tooltip but will be inserted as a row) inside the XamGrid?
I would need to achieve something as pictured in this link:
https://ibb.co/hhgoWQ
Thanks!
Hello Erika,
I suggest you use ToolTip property of CellsPanel style in order to show a tooltip on a row.
I have attached the sample for your reference.
Let me know if I may be of further assistance.
Thank you,
Mihoko Kamiishi
I've looked at you sample but if you looked at my picture, you will notice that the "tooltip" is part of xamgrdi itself, like a child of another row.
What I can suggest you in order to achieve your requirement is to use a child row to show your popup information.
I have modified the sample so that the row is expanded when a text inside the cell is clicked.
In this sample, each parent row has one child row, and a child band has only one TemplateColumn defined.If you click a cell text for “Test2” column, the child row is displayed.
Thank you,Mihoko Kamiishi
Hello,
I'm glad you have resolved your issue.
If you have any other questions, please do not hesitate to ask.
thansk! I got it working already.
Thank you for your feedback.
As far as your Expander issue goes, I haven't been able to reproduce the problem you described on my side.
I have attached the sample project I used to test this.Please test this on your environment and let me know if it works or not.
Please note that I removed the style "DetailsExpanderStyle" from Expander since I don't know how it's implemented on your end.
Thanks for you help.
Hi! Your sample code was helpful. I was able to make it work. I have one more question though. It's not related but you might know the answer.
My XamGrid is within an expander, so I am setting the row definition's height to Auto and setting a height to the grid:
<Grid Grid.Column="2" Grid.Row="3" Grid.RowSpan="11" VerticalAlignment="Top" HorizontalAlignment="Left">
<Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="30"/> <RowDefinition Height="20"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto"/> </Grid.ColumnDefinitions>
<Expander HorizontalAlignment="Left" Grid.Row="0" VerticalAlignment="Top" IsExpanded="True" Style="{StaticResource DetailsExpanderStyle}" Margin="0,5,0,0" ScrollViewer.HorizontalScrollBarVisibility="Hidden">
<ig:XamGrid ItemsSource="{Binding GridViewModel.ItemsLoadedInGrid}" AutoGenerateColumns="False" BorderThickness="0" Margin="15,10,0,0" Background="Transparent" Height="250">
...
However, I am getting a horinzontal scrollviewer with a rectangle such as the image below:
https://ibb.co/dWB5D5
How do I get rid of the the items in red (scrollviewer + rectangle)?