Hi. I am Marko.
How do I make popup window just like the options window You made on this sample page (I repeat OPTIONS WINDOW):
http://samples.infragistics.com/sllob/RunSamples.aspx?cn=dialog-window#/dialog-window/showing-the-dialog
Code:
xmlns:optPanel="clr-namespace:Infragistics.Web.SampleBrowser.SilverlightLOB.CustomControls"
<optPanel:OptionsPanel HeaderText="{Binding Source={StaticResource Strings}, Path=XDW_Options}"> <StackPanel Orientation="Vertical" Margin="5"> <Button Content="{Binding Source={StaticResource Strings}, Path=XDW_ShowDialog_Plain}" Height="22" Margin="0,0,0,10"></Button> <Button Content="{Binding Source={StaticResource Strings}, Path=XDW_ShowDialog_Container}" Height="22" Margin="0,0,0,10"></Button> <Button Content="{Binding Source={StaticResource Strings}, Path=XDW_ShowDialog_MessageBox}" Height="22"></Button> </StackPanel> </optPanel:OptionsPanel>
The thing is I want to make exact same thing and that includes: shadows around the edges, movable ,semi transparent when moving, expandable on that + - button. Only difference I would make it pop up on some button click and it would have fade-in appearing effect. I like it very much but I don't have the code for that custom control. Can You please paste all the required code and instructions here how to do this. It would be very cool. Thank You.
Hello Marko,
I have been looking into your requirement and I used the code you have provided and everything seems to work ok on my side. If it is possible for you could please send me an isolated sample project, where your issue is reproduced, so I can investigate it further for you.
Looking forward for your reply.
Hi Stefan,
Nope, it doesn't work or maybe I am using it wrong:
.
</ig:XamGrid.Columns> <ig:XamGrid.Resources> <Style TargetType="ig:CellControl"> <Setter Property="Padding" Value="0"/> <Setter Property="FontFamily" Value="Arial"/> <Setter Property="FontSize" Value="10"/> <Setter Property="VerticalAlignment" Value="Top"/> <Setter Property="Height" Value="19"/> </Style> </ig:XamGrid.Resources> <ig:XamGrid.RowSelectorSettings> <ig:RowSelectorSettings Visibility="Visible" EnableRowNumbering="True" /> </ig:XamGrid.RowSelectorSettings> <ig:XamGrid.SelectionSettings> <ig:SelectionSettings CellClickAction="SelectRow" /> </ig:XamGrid.SelectionSettings> <ig:XamGrid.EditingSettings> <ig:EditingSettings AllowEditing="None"/> </ig:XamGrid.EditingSettings> </ig:XamGrid>
I have put it to the end of the grid as you can see. Is this ok I mean am I using it right?
Here is how it looks:.
I have been looking into your requirement and I suggest you add the following Style in your XamGrid’s Resources:
<Style TargetType="ig:CellControl"> <Setter Property="Padding" Value="0"/> </Style>
In order to remove the Padding that the CellControl has.
Hope this helps you.
Hi Stefan
It helped, tough I have found this property "IsAlternateRowsEnabled" and set it to False. Now I don't have those white rows and that problem is solved. My problem with this grid is that it looks quite big. Rows are too high and when I set height to some smaller value like RowHeight="16" (for example) I can't see hole data in rows because it seem that every row has some kind of inner padding and that padding pushes data lower to be overlapped by row below. How do I set that padding to be 0px? So that I can make my XamGrid look like lines of this post for example ??
Best regards,
Marko.
I have been looking into your post and since the XamGrid has alternating Rows by default, you have two options to achieve your goal. First, you can turn off the alternating by setting the XamGrid’s IsAlternateRowEnabled Property to false. Your other options is to change AltBackground Property of CellControl, too, not just the Background color. Please let me know if this helps you or you need further assistance on this matter.