|
I have tried a lot of things without luck. What I'm trying to do is create a XAML TabControl that keeps all of the first five visible TabItems on the first row when the last two hidden TabItems become visible. What I want is for the two last TabItems to wrap when they become visible but keep the first five on the first row. I have tried to use a TextBlock with a LineBreak but when the last two TabItems become visible the fifth TabItem wraps with the new visible last two TabItems. Any help would be great.
|
|
|
|
|
The answer to my problem had to do with setting the widths of the collapsed tabs once they were changed to visible. What I did was give the newly visible tabs the correct width and they pushed the other tabs to the first row.
|
|
|
|
|
This is a very simple example, and I can't get it to work
My UserControl
<Grid>
<Border>
<TextBlock Text="{Binding DayNameCaption}"
Background="Green"
Foreground="White"
Height="25"
Width="75"/>
</Border>
</Grid>
Code Behind
public partial class MonthViewDayColumnHeader : UserControl
{
#region DP DayName
public static readonly DependencyProperty DayNameCaptionProperty =
DependencyProperty.Register("DayNameCaption",
typeof(string),
typeof(MonthViewDayColumnHeader),
new PropertyMetadata("Today",
new PropertyChangedCallback(OnDayNameCaptionChanged),
new CoerceValueCallback(CoerceDayNameCaption)));
public string DayNameCaption
{
get { return (string)GetValue(DayNameCaptionProperty); }
set { SetValue(DayNameCaptionProperty, value); }
}
private static void OnDayNameCaptionChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
MonthViewDayColumnHeader control = (MonthViewDayColumnHeader)d;
var dayNameCaption = control.DayNameCaption;
}
private static object CoerceDayNameCaption(DependencyObject d, object value)
{
MonthViewDayColumnHeader control = (MonthViewDayColumnHeader)d;
var dayNameCaption = control.DayNameCaption;
return null;
}
#endregion
#region CTOR
public MonthViewDayColumnHeader()
{
InitializeComponent();
this.DataContext = this;
}
#endregion
}
Usage:
<Grid>
<schedule:MonthViewDayColumnHeader DayNameCaption="Monday"
Height="50"
Width="120"/>
</Grid>
The text "Monday" doesn't show up.
WTF IS WRONG HERE!!!!
If it's not broken, fix it until it is
|
|
|
|
|
|
Thanks for your thoughtful response. That fixed it.
If it's not broken, fix it until it is
|
|
|
|
|
The reason why it's not working is the MonthViewDayColumnHeader class doesn't support INotifyPropertyChanged. It's being initialized, then updated with Monday after. If you take the existing and default it to 'Sunday' you should be able to see the default value.
On that note, I know it's an example but you should probably start off with MVVM in your learning process. Have the underlying layers implement the INotifyPropertyChanged and set the context to an appropriate view model.
|
|
|
|
|
Actually, it wasn't working because I'm a dumba$$...
private static object CoerceDayNameCaption(DependencyObject d, object value)
{
MonthViewDayColumnHeader control = (MonthViewDayColumnHeader)d;
var dayNameCaption = control.DayNameCaption;value
return null;
}
changed it to
private static object CoerceDayNameCaption(DependencyObject d, object value)
{
MonthViewDayColumnHeader control = (MonthViewDayColumnHeader)d;
var dayNameCaption = control.DayNameCaption;value
return dayNameCaption ;
}
If it's not broken, fix it until it is
|
|
|
|
|
Yes and no. You shouldn't be using a callback in this case. The callback is circumventing the whole point of the binding. Taking my advice would fix it the appropriate way.
|
|
|
|
|
Well, actually, I put in the callback for testing and ended up breaking my code 
If it's not broken, fix it until it is
|
|
|
|
|
I assume the rogue ;value is just a typo in your message?
var dayNameCaption = control.DayNameCaption;value
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
You don't need to implement INotifyPropertyChanged when you're using dependency properties.
DependencyProperties or INotifyPropertyChanged ?[^]
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Yes, you're correct. For some reason I was thinking the underlying source still need to be explicitly hooked, but it does not.
|
|
|
|
|
It should be,
<TextBlock Text="{Binding DayNameCaption, RelativeSource={RelativeSource FindAncestor, AncestorType={UserControl}}}"... /> You don't need the callback.
"As beings of finite lifespan, our contributions to the sum of human knowledge is one of the greatest endeavors we can undertake and one of the defining characteristics of humanity itself"
|
|
|
|
|
I have been trying for several days to come up with a solution for the my application page. My page contains an upper section with a menu, page header, and two columns for a human head silhouette image and empty white section. That section works fine. What I have been trying to add to my page are two DataGrids side by side so it will create a single table of a total of four columns. Now on each DataGrid the first column is a Description and the second column is the Value it displayed for the Description. What I am trying to do is have a table on the page that appears to make up a single table with 17 rows of Description/values. I don't want either DataGrid to have a scroll bar and each not to be able to scroll. In some of the DataGrid cell a want a background color of blue. Now on the page this table is in a DockPanel with a height of 368 units. What I want is the DockPanel to have a scroll bar so both DataGrids can be scrolled up and down as a single table. First, I have found the it is almost impossible to change the background of a DataGrid Column's Cell. Next my DockPanel scroll bar does not appear and each of the DataGrids are still able to scroll. Below is both the XAML and the code behind. I am only showing 8 rows for testing. If anyone can help that would be great.
Page XAML
<ScrollViewer Height="368" Width="900" VerticalScrollBarVisibility="Auto">
<DockPanel Background="White" Height="368" VerticalAlignment="Top">
<DataGrid Name="main1" ScrollViewer.CanContentScroll="False" AutoGenerateColumns="False" BorderBrush="White" DockPanel.Dock="Left" HorizontalAlignment="Left" Width="495" >
<DataGrid.Columns>
<DataGridTextColumn FontSize="14" FontWeight="Bold" Header="Test Description" Binding="{Binding Description }" />
<DataGridTextColumn FontSize="14" FontWeight="Bold" Binding="{Binding Value}" />
</DataGrid.Columns>
</DataGrid>
<DataGrid Name="main1" ScrollViewer.CanContentScroll="False" AutoGenerateColumns="False" BorderBrush="White" DockPanel.Dock="Left" HorizontalAlignment="Left" Width="495" >
<DataGrid.Columns>
<DataGridTextColumn FontSize="14" FontWeight="Bold" Header="Test Description" Binding="{Binding Description }" />
<DataGridTextColumn FontSize="14" FontWeight="Bold" Binding="{Binding Value}" />
</DataGrid.Columns>
</DataGrid>
</DockPanel>
</ScrollViewer>
Code behind:
List<InformationValues> InformationValuess = new List<InformationValues>();
List<InformationValues> InformationValuess2 = new List<InformationValues>();
List<InformationValues> InformationValuess3 = new List<InformationValues>();
List<InformationValues> InformationValuess4 = new List<InformationValues>();
InformationValuess.Add(new InformationValues() { Description = "Test Description1", Value = "Test Value1" });
InformationValuess.Add(new InformationValues() { Description = "Test Description2", Value = "Test Value2" });
InformationValuess.Add(new InformationValues() { Description = "Test Description3", Value = "Test Value3" });
InformationValuess.Add(new InformationValues() { Description = "Test Description4", Value = "Test Value4" });
InformationValuess2.Add(new InformationValues() { Description = "Test Description1", Value = "Test Value1" });
InformationValuess2.Add(new InformationValues() { Description = "Test Description2", Value = "Test Value2" });
InformationValuess2.Add(new InformationValues() { Description = "Test Description3", Value = "Test Value3" });
InformationValuess2.Add(new InformationValues() { Description = "Test Description4", Value = "Test Value4" });
InformationValuess3.Add(new InformationValues() { Description = "Test Description1", Value = "Test Value1" });
InformationValuess3.Add(new InformationValues() { Description = "Test Description2", Value = "Test Value2" });
InformationValuess3.Add(new InformationValues() { Description = "Test Description3", Value = "Test Value3" });
InformationValuess3.Add(new InformationValues() { Description = "Test Description4", Value = "Test Value4" });
InformationValuess4.Add(new InformationValues() { Description = "Test Description1", Value = "Test Value1" });
InformationValuess4.Add(new InformationValues() { Description = "Test Description2", Value = "Test Value2" });
InformationValuess4.Add(new InformationValues() { Description = "Test Description3", Value = "Test Value3" });
InformationValuess4.Add(new InformationValues() { Description = "Test Description4", Value = "Test Value4" });
main1.ItemsSource = InformationValuess;
main2.ItemsSource = InformationValuess2;
|
|
|
|
|
Change your datasource to a single collection and use a datagrid.
Create a model to meet your view requirements either in the VM or code behind. It should probably have 4 properties for display and 2 object properties to have the underlying data object if you need to do any additional processing when the user interacts with the selected value.
Bind the single collection to a datagrid and forget your scrollviewer.
See if the datagrid supports a CellStyleSelector (I use Telerik tools and they have this concept). I'm pretty sure there are some implementations for the standard tooling out there.
Never underestimate the power of human stupidity
RAH
|
|
|
|
|
Using a single object with all four properties is definitely the way to go and solves all of my problems except changing the background color of some of the DataGrid cells to blue. I read several articles yesterday and tried to implement the code for turning different DataGrid cells to blue but was unable to get any of the procedures working. This DataGrid is not like the Telerik and has no cell style to do the job. If anyone has something that they have implemented working please let me know.
|
|
|
|
|
Add fields to the model for each cell you need couloured. Bind the cells background to the cell, it may need a converter if the background cannot process the string colour name.
Never underestimate the power of human stupidity
RAH
|
|
|
|
|
With WPF and MVVM, properties of the ViewModel are bound to UI elements. When a property changes, its set accessor calls OnPropertyChanged which in turn raises the PropertyChanged event of the INotifyProptyChanged interface.
But it is possible to call OnPropertyChanged (with the property name as argument) from anywhere in the ViewModel (and then you can't use the CallerMemberName attribute).
Now I'd like to ask you: how do you handle such cases? Do you call OnPropertyChanged from other places than the property_set? Or do you change your code such that you call the property_set? Or other ideas?
|
|
|
|
|
You can call it from anywhere; it's purpose is to notify the "UI" that there is new info in the data source and the "display" needs updating.
The point is, you may have an updated data source but that does NOT imply that the UI has to also be updated at that point ... maybe the update should be deferred (for now).
For example, I have a real-time app that displays many "numbers" that are calculated; some fields on the display are based on other numbers being displayed. There is no point doing "UI updates" for each calculation ... I do all my calcs, then I call OnPropertyChanged at the end of my calc routine.
|
|
|
|
|
Hi all,
This is my very first WPf-project, so please have some consideration and don’t advise me on MVVM .
Everything I in my project is working fine except one thing:
Whenever I hit the enter key on my keyboard a button gets the click event.
This button is not default button and the only event registered with this button is the click-event.
This is driving me insane.
If I put a breakpoint in the click event handler the routedEventsArgs e is button base click.
Here is the code related to this problem:
<Style x:Key="ButtonStyle" TargetType="Button">
<Setter Property="OverridesDefaultStyle" Value="True" />
<Setter Property="SnapsToDevicePixels" Value="True" />
<Setter Property="Foreground" Value="White" />
<Setter Property="IsEnabled" Value="True" />
<Setter Property="Width" Value="Auto" />
<Setter Property="Height" Value="Auto" />
<Setter Property="Margin" Value="14,5,0,5" />
<Setter Property="Background">
<Setter.Value>
<LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
<GradientStop Offset="0" Color="Black" />
<GradientStop Offset="1" Color="#FFC41B1B" />
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Grid Background="{TemplateBinding Background}">
<ContentPresenter x:Name="MyContentPresenter"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Content="{TemplateBinding Content}" />
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
<Style.Triggers>
<Trigger Property="IsEnabled" Value="false">
<Setter Property="Foreground" Value="#7d7f74" />
<Setter Property="Background" Value="#31302c" />
</Trigger>
<Trigger Property="IsKeyboardFocused" Value="true">
<Setter Property="Foreground" Value="Goldenrod" />
</Trigger>
<Trigger Property="IsMouseOver" Value="true">
<Setter Property="Foreground" Value="Goldenrod" />
</Trigger>
</Style.Triggers>
</Style>
<Style x:Key="ButtonTextBlock" TargetType="TextBlock">
<Setter Property="Foreground" Value="White" />
<Setter Property="FontFamily" Value="Trebuchet" />
<Setter Property="FontSize" Value="14" />
<Setter Property="Foreground" Value="White" />
<Setter Property="Background" Value="#000000FF" />
<Setter Property="TextAlignment" Value="Center" />
<Setter Property="Width" Value="95" />
<Setter Property="Padding" Value="5" />
<Setter Property="Margin" Value="0,8,0,8" />
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="true">
<Setter Property="Foreground" Value="Goldenrod" />
</Trigger>
<Trigger Property="IsEnabled" Value="false">
<Setter Property="Foreground" Value="#7d7f74" />
<Setter Property="Background" Value="#31302c" />
</Trigger>
</Style.Triggers>
</Style>
<Style x:Key="TextBoxTextBlock" TargetType="TextBlock">
<Setter Property="Foreground" Value="White" />
<Setter Property="FontFamily" Value="Trebuchet" />
<Setter Property="FontSize" Value="14" />
<Setter Property="Foreground" Value="White" />
<Setter Property="Background" Value="#000000FF" />
<Setter Property="TextAlignment" Value="Center" />
<Setter Property="Width" Value="80" />
<Setter Property="Padding" Value="5" />
<Setter Property="Margin" Value="0,8,0,8" />
<Setter Property="Height" Value="Auto" />
<Style.Triggers>
<Trigger Property="IsEnabled" Value="false">
<Setter Property="Foreground" Value="#7d7f74" />
<Setter Property="Background" Value="#31302c" />
</Trigger>
</Style.Triggers>
</Style>
And:
<Button x:Name="buttonReset"
Click="buttonReset_Click"
Style="{StaticResource ButtonStyle}">
<TextBlock Style="{StaticResource ButtonTextBlock}">
<Run Text="Reset" />
<LineBreak /><Run Text="alles" />
</TextBlock>
</Button>
code behind:
private void buttonReset_Click(object sender, RoutedEventArgs e)
{
if (!buttonReset.IsKeyboardFocused) return;
ResetAll();
buttonNwOpdrNr.IsEnabled = true;
buttonZoeken.IsEnabled = true;
}
What can cause this behavior ?
Thanks in advance,
Groover
0200 A9 23
0202 8D 01 80
0205 00
|
|
|
|
|
If your button has the focus then enter will invoke the click event.
If all other controls are read only then your button may automatically get the focus.
Never underestimate the power of human stupidity
RAH
|
|
|
|
|
Thank You for Your reply, now it is obvious that the button automatically gets focus, but I could not see difference in appearance of the button. I'll fix that.
How can I prevent any control to get keyboard focus other than with the TAB-key or mouse-click?
It is a disaster when my application gets a reset when the ENTER-key is accidentally hit.
0200 A9 23
0202 8D 01 80
0205 00
|
|
|
|
|
Take a look into the FocusManager, this is my primary grid declaration.
<Grid Style="{StaticResource InfoGrid}"
FocusManager.FocusedElement="{Binding ElementName=txtAuthoriser}">
Never underestimate the power of human stupidity
RAH
|
|
|
|
|
I created a grid based XAML page. In the grid I display images which require no negative top margin, vertical, values. In my page I have two labels in textblocks that will not align properly in their grid stack panel with out using negative top margin values in the textblocks. The first label textblock I have to use a Margin="0,-35,0,0" and the second I have to use Margin="0, -650, 0, 0. The XAML is below. One final thing. After what you see I need a table to display labels in several rows and columns. Each row might have different width columns. In my design what is recommended for that?
<Window
x:Class="MasterPage.ApplicationInfoWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:v="clr-namespace:MasterPage"
Title="Intake 4" Height="900" Width="1000" Background="#FFD9DDE8">
<DockPanel>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
</Grid>
<StackPanel >
<Border Margin="0, 0, 0, 0" BorderBrush="Black" BorderThickness="1">
<StackPanel Height="133" VerticalAlignment="Top" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2">
<StackPanel>
<Image Source="Images\header.jpg" Stretch="Fill" DockPanel.Dock="Top" Height="47" />
</StackPanel>
<StackPanel Margin="3,0,0,5" HorizontalAlignment="Left">
<Image Source="Images\DSPASS_logo.png" Width="324" Stretch="Fill" DockPanel.Dock="Top" Height="80" />
</StackPanel>
<StackPanel DockPanel.Dock="Top" HorizontalAlignment="Right" >
<TextBlock FontSize="15" TextWrapping="WrapWithOverflow" Height="25" Margin="0,-35,0,0" >
<Label FontSize="10" HorizontalContentAlignment="Right" HorizontalAlignment="Right" Name="Namelabel" Width="230" FontWeight="Bold" Foreground="#1664A1" Content="Name"/>
</TextBlock>
</StackPanel>
</StackPanel>
</Border>
<Border Margin="0, 0, 0, 0" BorderBrush="Black" BorderThickness="1">
<StackPanel Background="wHITE" Height="358" VerticalAlignment="Top" Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1">
<StackPanel>
<Image Source="Images\silhouette.jpg" VerticalAlignment="Top" HorizontalAlignment="Left" Width="320" Stretch="Fill" DockPanel.Dock="Top" Height="360" />
</StackPanel>
<StackPanel VerticalAlignment="Top" >
<TextBlock FontSize="15" HorizontalAlignment="Right" Height="75" Margin="0, -650, 0, 0" TextWrapping="WrapWithOverflow" >
<Label FontSize="35" HorizontalContentAlignment="Left" Name="Namelabel2" Width="640" FontWeight="Bold" Foreground="#1664A1" Content="Name"/>
</TextBlock>
</StackPanel>
</StackPanel>
</Border>
</StackPanel>
</DockPanel>
</Window>
modified 23-Jul-16 8:09am.
|
|
|
|
|
<Window
x:Class="MasterPage.ApplicationInfoWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:v="clr-namespace:MasterPage"
Title="Intake 4" Height="900" Width="1000" Background="#FFD9DDE8">
<DockPanel>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
</Grid>
<StackPanel >
<Border Margin="0, 0, 0, 0" BorderBrush="Black" BorderThickness="1">
<StackPanel Height="133" VerticalAlignment="Top" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2">
<StackPanel>
<Image Source="Images\header.jpg" Stretch="Fill" DockPanel.Dock="Top" Height="47" />
</StackPanel>
<StackPanel Orientation="Horizontal">
<StackPanel Margin="3,0,0,5" HorizontalAlignment="Left">
<Image Source="Images\DSPASS_logo.png" Width="324" Stretch="Fill" DockPanel.Dock="Top" Height="80" />
</StackPanel>
<StackPanel HorizontalAlignment="Right" Margin="400, 0, 0, 0" >
<TextBlock FontSize="15" TextWrapping="WrapWithOverflow" Height="25" Margin="0,60,0,0" >
<Label FontSize="10" HorizontalContentAlignment="Right" HorizontalAlignment="Right" Name="Namelabel" Width="230" FontWeight="Bold" Foreground="#1664A1" Content="Name"/>
</TextBlock>
</StackPanel>
</StackPanel>
</StackPanel>
</Border>
<Border Margin="0, 0, 0, 0" BorderBrush="Black" BorderThickness="1">
<StackPanel Background="wHITE" Orientation="Horizontal" Height="358" VerticalAlignment="Top" Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1">
<StackPanel>
<Image Source="Images\silhouette.jpg" VerticalAlignment="Top" HorizontalAlignment="Left" Width="320" Stretch="Fill" DockPanel.Dock="Top" Height="360" />
</StackPanel>
<StackPanel>
<TextBlock FontSize="15" HorizontalAlignment="Right" Height="75">
<Label FontSize="35" HorizontalContentAlignment="Left" Name="Namelabel2" Width="640" FontWeight="Bold" Foreground="#1664A1" Content="Name"/>
</TextBlock>
</StackPanel>
</StackPanel>
</Border>
</StackPanel>
</DockPanel>
</Window>
|
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
