We Keep Coding

wpf width issues with listview in listviewitem

I have a listview in which I have several listviewitems but I want to show additional information, therefore I added a expander which shows another listview within said listviewitem. But my problem is that the listview is only as wide as the listviews column width.
XAML
<ListView.View>
<GridView>
<GridViewColumn>
<GridViewColumn.CellTemplate>
<DataTemplate>
<Expander>
<ListView>
<ListView.View>
<GridView>
<GridViewColumn Header="Order number" DisplayMemberBinding="{Binding Id}"/>
<GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}"/>
<GridViewColumn Header="Price" DisplayMemberBinding="{Binding Price}"/>
</GridView>
</ListView.View>
</ListView>
</Expander>
</DataTemplate>
</GridViewColumn.CellTemplate>
</GridViewColumn>
<GridViewColumn Header="Order number" DisplayMemberBinding="{Binding OrderNumber}"/>
<GridViewColumn Header="Customer" DisplayMemberBinding="{Binding Customer}"/>
<GridViewColumn Header="Total Price" DisplayMemberBinding="{Binding CombinedPrice}"/>
<GridViewColumn Header="Urgency" DisplayMemberBinding="{Binding Urgency}"/>
</GridView>
</ListView.View>
</ListView>

Your issue is because the expander is within the cell in the listview and that cell will constrain it's size.
It will not expand to the size of it's content because ListView columns do not dynamically resize.
You could consider using a togglebutton and popup instead. Bind the isopen of the popup to the togglebutton ischecked.
A popup is a separate window effectively and hence not inside that "box" around the cell.
You could alternatively consider a datagrid which has rowdetails expand out below a row.
https://www.wpf-tutorial.com/datagrid-control/details-row/

Is there a way to produce a scrollable gridlayout with dynamic content?

Ì want to write a software where there is a grid layout inside a scrollview.
I already hardcoded it, but I think I need to find a solution to make this dynamic! How can I manage to do this! I am pretty new to C# and WPF. I post a screenshot and my code so you can see what I am trying to achieve.

DataGrid is probably the best thing to use here, although you can also do it with a ListView using a GridView as the view:
<ListView ItemsSource="{Binding Items}">
<ListView.View>
<GridView>
<GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}" />
<GridViewColumn Header="Age" DisplayMemberBinding="{Binding Age}" />
<GridViewColumn Header="Gender" DisplayMemberBinding="{Binding Gender}" />
</GridView>
</ListView.View>
</ListView>

How to Bind Values from List in BarChart

I have an application which is check the incoming Mails on the Server and refresh a List with X-Values in it. Now I want to Plot the incoming Mail count in a Live Chart. I use http://lvcharts.net for this.
I have two classes a Mail Object with the Count and a TimeStamp in it and a List Class with all Mail Objects in it.
Here is my sample(pseudo) XAMl code:
<liveCharts:BarChart Name="MailChart" Grid.Row="1" Grid.Column="0">
<liveCharts:BarChart.Series>
<liveCharts:BarSeries Title="Mails" Values= "{Binding MailCountList.Count}"></liveCharts:BarSeries>
......
......
<liveCharts:BarChart.AxisY>
<liveCharts:Axis Title="Time" Labels="{Binding MailCountList.Timestamp}">
......
The Objects are in a normal List with automatically Refesh I use MVVM.
My Question is:
How can I bind a List to a XAML Value Series ?

I have used an ObservableCollection to view the Content and a normal list to fill sort etc. the Xaml Code Looks Like:
<ListView ItemsSource="{Binding TableList}" Grid.Row="0">
<ListView.View>
<GridView>
<GridViewColumn Width="50" Header="ID" DisplayMemberBinding="{Binding ID}"/>
<GridViewColumn Width="180" Header="Name" DisplayMemberBinding="{Binding Name}"/>
<GridViewColumn Width="100" Header="Group" DisplayMemberBinding="{Binding Group}"/>
<GridViewColumn Width="85" Header="Version" DisplayMemberBinding="{Binding Version}"/>
</GridView>
</ListView.View>
</ListView>
The Source of the ListView is in the ItemSource and to Display Multiple Rows I use GridViewColumn with Binding to the Object Values from the List in "DisplayMemberBinding"

Tabbing to textbox on row selected in pure XAML

I'm working on some XAML/WPF where we create a template of the form that then get compiled into a dll and this dll is then used by a blackbox application to render the form to the user.
Ideally, I should be able to this entirely in XAML, but I am not fully aware of what can and cannot be done in XAML.
I have the following:
<cad:SortableListView.View>
<GridView DataGridRow.Selected="">
<GridViewColumn Header="Message #" cad:SortableListView.SortPropertyName="MessageId" DisplayMemberBinding="{Binding Path=MessageId}"/>
<GridViewColumn Header="Critical" cad:SortableListView.SortPropertyName="Message.IsReceiptRequested" CellTemplate="{StaticResource criticalCellTemplate}"/>
<GridViewColumn Header="Date/Time" cad:SortableListView.SortPropertyName="Message.SendingTime" DisplayMemberBinding="{Binding Path=Message.SendingTime.LocalDateTime, StringFormat={}{0:G}}"/>
<GridViewColumn Header="Subject" cad:SortableListView.SortPropertyName="Message.Subject" DisplayMemberBinding="{Binding Path=Message.Subject}" Width="140"/>
<GridViewColumn Header="From Terminal" cad:SortableListView.SortPropertyName="Message.SendingTerminal" DisplayMemberBinding="{Binding Path=Message.SendingTerminal}"/>
<GridViewColumn Header="Sender" cad:SortableListView.SortPropertyName="Message.SendingEmployeeId" DisplayMemberBinding="{Binding Path=Message.SendingEmployeeId}"/>
<GridViewColumn Header="Priority" cad:SortableListView.SortPropertyName="Message.Priority" DisplayMemberBinding="{Binding Path=Message.Priority}"/>
<GridViewColumn Header="Event" cad:SortableListView.SortPropertyName="Message.LocalEvent.AgencyEventId" DisplayMemberBinding="{Binding Path=Message.LocalEvent.AgencyEventId}"/>
</GridView>
</cad:SortableListView.View>
....
More code
....
<TextBlock Grid.Row="3" Grid.Column="0" TextAlignment="Left" Margin="25,0,0,5">
Reply:
</TextBlock>
<TextBox Grid.Row="3" Grid.Column="1" Text="{Binding Path=ReplyText}" HorizontalAlignment="Stretch" Margin="10,0,30,5"/>
<Button Grid.Row="3" Grid.Column="2" Margin="5,0,30,5" DockPanel.Dock="Right"
Command="{Binding Path=Acknowledge.Command}"
cad:CreateCommandBinding.Command="{Binding Path=Acknowledge}" IsDefault="True">
Acknowledge
</Button>
I need it so that when a row is selected from the grid, the cursor has to jump to the text box and when "Enter" is pressed, the button click event is fired. I think I managed to do that by setting it as the default (IsDefault = "true"). Its the only button on the screen so I'm not too worried about something else firing.
Again, the ideal is to be able to do this in pure XAML, but if a file needs to be attached, kindly show me how to reference this code behind file.
Thank you

ListView that imitates Windows Explorer

How can I make a ListView imitate the ListView in Windows Explorer on the right side. Like how can I get icons in the ListView and get the arrows?

You can find the icons by using Google Image search. To create the ListView, you could do something like this is XAML:
<Grid>
<ListView ItemsSource="{Binding ListViewSource}">
<ListView.View>
<GridView>
<GridViewColumn Width="25">
<GridViewColumn.CellTemplate>
<DataTemplate>
<Image Source="{Binding Icon}"/>
</DataTemplate>
</GridViewColumn.CellTemplate>
</GridViewColumn>
<GridViewColumn Header="Name" DisplayMemberBinding="{Binding FileName}" Width="250"/>
<GridViewColumn Header="Date Modified" DisplayMemberBinding="{Binding DateModified}" Width="100"/>
<GridViewColumn Header="Type" DisplayMemberBinding="{Binding FileType}" Width="100"/>
<GridViewColumn Header="Size" DisplayMemberBinding="{Binding FileSize}" Width="100"/>
</GridView>
</ListView.View>
</ListView>
</Grid>
The next step is to create an ObservableCollection to hold all of the items in your list and call it ListViewSource. You can populate this collection with actual FileDirectory information, or your own kind of list. You'll then want to create your logic as to what happens when you doubleclick on an item. Since your question didn't specify to what detail you want the ListView to work, I'm going to stop there. Let us know if you want it to behave just like Windows Explorer, and we'll try to help you out.