|
With a limited Grid space, I want to have a list of TextBoxes (email addresses). If the TextBoxes fill up the Grid space I want a vertical scroll bar to appear, so that the TextBoxes don't run into the next Grid space. If the scroll bar is there (but grayed out) because the TextBoxes do not fill up the Grid space, that's OK.
I'm using WPF and C#.
Thanks.
|
|
|
|
|
Just put a ListBox inside your Grid. Change the ItemTemplate so that it displays a TextBox instead of a TextBlock.
|
|
|
|
|
Thanks. I can only define the ListBox in the WPF section. My TextBlocks and TextBoxes have to done on the fly in the C# section, depending on user data. Something like:
Email #1 <<email1 textbox="">>
Email #2 <<email3 textbox="">>
Email #3 <<email3 textbox="">>
.
.
.
|
|
|
|
|
I think you're misunderstanding me here. Imagine you have the following
public class EmailItem : INotifyPropertyChanged
{
public event PropertyChangedEventHandler PropertyChanged;
private string emailAddress;
private int emailCount;
public string EmailAddress
{
get { return emailAddress; }
set
{
if (emailAddress == value) return;
emailAddress = value;
NotifyPropertyChanged("EmailAddress");
}
}
public int EmailCount
{
get { return emailCount; }
set
{
if (emailCount== value) return;
emailCount = value;
NotifyPropertyChanged("EmailCount");
}
}
private void NotifyPropertyChanged(string property)
{
PropertyChangedEventHandler handler = PropertyChanged;
if (handler == null) return;
handler(this, new PropertyChangedEventArgs(property));
}
}
public class Emails
{
public Emails()
{
EmailList = new ObservableCollection<EmailList>();
}
public ObservableCollection<EmailList> EmailList { get; set; }
}Now, in your XAML, you bind your ListBox to the EmailList collection via the ItemSource. Finally, you set up an ItemTemplate for the ListBox.
<DataTemplate x:Key="emailsTemplate">
<Grid>
<Grid.ColumnDefinition>
<ColumnDefinition Width="180" />
<ColumnDefinition />
</Grid.ColumnDefinition>
<TextBlock Text="{Binding EmailCount}" Grid.Column="0" />
<TextBox Text="{Binding EmailAddress}" Grid.Column="1" />
</Grid>
</DataTemplate>I've just knocked this together in the CP post editor, so there may be some rough edges, but you should get the idea.
|
|
|
|
|
Ahh. Yes. I didn't quite understand that. I haven't done any Binding before, but looks pretty straightforward. I'm sure I can figure it out with your sample. I appreciate it.
I had actually created a ListBox and populated it with TextBlocks showing the Email #, but that's it. I couldn't figure out how to populate it with a second item TextBoxes. Binding looks like the answer.
|
|
|
|
|
It is really straightforward. I've no doubt you'll breeze through it.
|
|
|
|
|
Pete,
Stumped. I have the following Grid setup. 3 columns. Within Column 0, I have 5 rows. Within Column 0, Row 3, I have 2 more columns. It works. However, I can't get the 'EMAIL ADDRESSES' TextBlock to appear in Column 2. Even with Grid.Column = "0" Grid.Row = "2". Where does it need to be in the code? Also, if I want controls in Row 3, now I have a second Column constraint to deal with (Col 0, Row 3, Column 0 or 1). How do I deal with that? I tried naming the Grid, but it doesn't allow that type of syntax. I think that's only for C# code.
Sutton
<Grid Name="MiscGrid" ShowGridLines="True" Height="768" Width="1220">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="330"></ColumnDefinition>
<ColumnDefinition Width="700"></ColumnDefinition>
<ColumnDefinition Width="*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Grid Grid.Column="0" Name="C0Grid" ShowGridLines="True">
<Grid.RowDefinitions>
<RowDefinition Height="120"></RowDefinition>
<RowDefinition Height="180"></RowDefinition>
<RowDefinition Height="30"></RowDefinition>
<RowDefinition Height="300"></RowDefinition>
<RowDefinition Height="*"></RowDefinition>
</Grid.RowDefinitions>
<Grid Grid.Row="3" Name="R2Grid" ShowGridLines="True">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="60"></ColumnDefinition>
<ColumnDefinition Width="*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<TextBlock Height="20" HorizontalAlignment="Left" Margin="0,0,0,0" Text="EMAIL ADDRESSES" VerticalAlignment="Top" FontSize="16" />
</Grid>
</Grid>
</Grid>
|
|
|
|
|
Try putting Grid.Column="1" into the TextBlock, as the count is zero based. But, I think you are getting a bit confused as to how your grid looks. Reading through your Grid code, I get the following visualisation:
-----------------------------------------------------
| | | |
|---------------| | |
| | | |
|---------------| | |
| | | |
|---------------| | |
| | EA | | |
|---------------| | |
| | | |
|---------------|-----------------|-----------------| EA represents the Email Addresses textblock. Try setting each Grid Background to a different colour, and you'll see what I mean.
|
|
|
|
|
You are correct. That's what it looks like, except not to scale. I have this test code running in Visual C#. I wanted to put the 'EMAIL ADDRESSES' TextBlock in Row 2 as a header. But, I figured it out. You have to put the TextBlock code BEFORE the redefinition of the Row 3 Grid. That actually makes sense. I'm guessing Row 2 is out of scope once Row 3 is redefined into 2 columns.
BTW, I come from the embedded world of 25+ years, but not much Windows programming. I'm just dangerous enough to get a basic software app working in Visual C#. But, with fairly basic controls. I'm now trying to enhance the app with a few more complex controls.
Thanks for your advice.
|
|
|
|
|
No problem. Glad I can be of help.
|
|
|
|
|
Pete,
I took a different approach. I'm trying to create a ListBox on the fly without using any XAML code. I got it working - almost. What I have is an array of TextBoxes of 'Zone Descriptions'. I can put those into the ListBox as ListBoxItems, and it works great - no problem.
I want to add at the front of the TextBox a TextBlock or header that says 'Zone 1' or whatever the zone is along with the TextBox, which is user changeable. I have an array of TextBlocks. But, I can't (or don't know how to) adjust the ListBoxItem.Content to hold both the TextBlock and TextBox combo. LBI[i].Content = TBlkZoneDesc[i] + TBxZoneDesc[i] is what I want to do, but that syntax is not allowed. Doing either one separately works fine, but not both.
Do you have a suggestion on how to do that?
Sutton
ListBox LBZoneDesc = new ListBox();
LBZoneDesc.Width = 300;
LBZoneDesc.Height = 240;
Grid.SetColumn(LBZoneDesc,0);
Grid.SetRow(LBZoneDesc,2);
ListBoxItem[] LBI = new ListBoxItem[64];
for (byte i = 0; i < 5; i++)
{
LBI[i] = new ListBoxItem();
LBI[i].Padding = new Thickness(2);
LBI[i].Content = TBxZoneDesc[i];
LBZoneDesc.Items.Add(LBI[i]);
}
C0Grid.Children.Add(LBZoneDesc);
|
|
|
|
|
Hello all. I need a little help. It's necessary for project which's my friend and I are doing in current moment. Our program's hm...how can I say... We're doing book in WPF, but we're stuck on flip page animation. I know that there are a lotta codes on Internet and blogs where is flip page animation's described, but no one of it didn't help us and program doesn't work. And by the way, we wanna do flip animation like... A minute. Imagine a real book with text and you turn her on the next page. So, how can it be realized?
|
|
|
|
|
Hi
I needed a custom ComboBox control with a DataGrid as popup. I managed to change the MSDN example and everything works except I can't set ComboBox.IsDropDownOpen property from the
Trigger.
It it usefull also for setting ComboBox.Text property with the text selected from the DataGrid.
The problem is at the end near comments:
Property="ComboBox.IsDropDownOpen" Value="False"
(this line does not have any affect because the comboBox is not identified by name or style type).
Somehow I need to specify the comboBox style..
Any ideas how to do it?
RelativeSource with TemplateParent..
<pre lang="HTML">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ComboBox">
<Grid>
<ToggleButton
Name="ToggleButton"
Template="{StaticResource ComboBoxToggleButton}"
Grid.Column="2"
Focusable="false"
IsChecked="{Binding Path=IsDropDownOpen,Mode=TwoWay,RelativeSource={RelativeSource TemplatedParent}}"
ClickMode="Press">
</ToggleButton>
<ContentPresenter
Name="ContentSite"
IsHitTestVisible="False"
Content="{TemplateBinding SelectionBoxItem}"
ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}"
Margin="3,3,23,3"
VerticalAlignment="Center"
HorizontalAlignment="Left" />
<TextBox x:Name="PART_EditableTextBox"
Style="{x:Null}"
Template="{StaticResource ComboBoxTextBox}"
HorizontalAlignment="Left"
VerticalAlignment="Center"
Margin="3,3,23,3"
Focusable="True"
Background="Transparent"
Visibility="Hidden"
IsReadOnly="{TemplateBinding IsReadOnly}"/>
<Popup Name="Popup" Placement="Bottom" IsOpen="{TemplateBinding IsDropDownOpen}" AllowsTransparency="True" Focusable="False" PopupAnimation="Slide">
<Grid Name="DropDown" SnapsToDevicePixels="True" MinWidth="{TemplateBinding ActualWidth}" MaxHeight="{TemplateBinding MaxDropDownHeight}">
<Border
x:Name="DropDownBorder"
Background="{StaticResource WindowBackgroundBrush}"
BorderThickness="1"
BorderBrush="{StaticResource SolidBorderBrush}"/>
<DataGrid
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
ItemsSource="{TemplateBinding ItemsSource}"
AutoGenerateColumns="False"
IsReadOnly="True"
GridLinesVisibility="None"
Background="LightGray"
RowBackground="LightBlue"
AlternatingRowBackground="LightCyan"
SelectedItem="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}, Path=SelectedIndex}">
<DataGrid.Columns>
<DataGridTextColumn
Header="Name"
MinWidth="150"
Binding="{Binding Path=Name}"/>
<DataGridTextColumn
Header="Address"
MinWidth="200"
Binding="{Binding Path=Address}"/>
</DataGrid.Columns>
<DataGrid.CellStyle>
<Style TargetType="DataGridCell">
<Style.Triggers>
<Trigger Property="IsSelected" Value="True">
<!-- try to access directly parrent property-->
<Setter Property="ComboBox.IsDropDownOpen" Value="False"/>
</Trigger>
</Style.Triggers>
</Style>
|
|
|
|
|
Hi there, I have this XML file:
="1.0"="utf-8"
<Wpf>
<wpfctrl id="NavBtnTemplate">#FFCFDEFF</wpfctrl>
</Wpf>
and i want to bind Fill property of My Rectangle to value of wpfctrl node with id="NavBtnTemplate". How I can achieve this? Actually I have this rectangle inside my custom UserControl's Control Template. But hope that will not be the problem since I can bind to the properties of elements inside UserControl:
My UserControl (actually is very simple)
<UserControl.Resources>
<ControlTemplate x:Key="WpfWebSparkNavTemplate" TargetType="{x:Type Button}">
<Grid x:Name="controlLayout" Height="29.648" Width="84.284">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Normal"/>
<VisualState x:Name="MouseOver"/>
<VisualState x:Name="Pressed"/>
<VisualState x:Name="Disabled"/>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Rectangle x:Name="rectangle"Fill="#FFCFDEFF" Margin="0" Height="31" d:LayoutOverrides="VerticalAlignment" >
</Rectangle>
<Label x:Name="buttonCaption" VerticalAlignment = "Center"
HorizontalAlignment = "Center"
FontWeight = "Bold" FontSize = "12" Content="{TemplateBinding Content}"/>
</Grid>
</ControlTemplate>
</UserControl.Resources<UserControl.Resources>
<ControlTemplate x:Key="WpfWebSparkNavTemplate" TargetType="{x:Type Button}">
<Grid x:Name="controlLayout" Height="29.648" Width="84.284">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Normal"/>
<VisualState x:Name="MouseOver"/>
<VisualState x:Name="Pressed"/>
<VisualState x:Name="Disabled"/>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Rectangle x:Name="rectangle"Fill="#FFCFDEFF" Margin="0" Height="31" d:LayoutOverrides="VerticalAlignment" >
</Rectangle>
<Label x:Name="buttonCaption" VerticalAlignment = "Center"
HorizontalAlignment = "Center"
FontWeight = "Bold" FontSize = "12" Content="{TemplateBinding Content}"/>
</Grid>
</ControlTemplate>
</UserControl.Resources>
>
I did not found Blend wizard to allow me to state such filters on XML
Please help. Thank you.
modified 13-Mar-12 3:41am.
|
|
|
|
|
How can i do a interactions between models in PRISM V4 (unity+WPF) ?
please give me a examples if you can!!
|
|
|
|
|
I have a grid with 3 defined columns. Is there a way to divide column 1 into 3 grid rows without affecting the other 2 columns? I've tried defining RowDefinitions, but it spans all 3 columns. I don't want that. I only want it to affect the 1 column.
|
|
|
|
|
Embed another Grid inside the first column, and put the RowDefinitions in that Grid.
|
|
|
|
|
Thanks. But, I'm not sure where to put it. I've tried before, and I get 'ColumnDefinition does not support direct content'.
<grid name="TestGrid" showgridlines="True" height="768" width="1220">
<grid.columndefinitions>
<columndefinition
="" width="330">
<grid name="C1Grid" showgridlines="True">
<grid.rowdefinitions>
<rowdefinition height="200">
<columndefinition width="700">
<columndefinition width="*">
|
|
|
|
|
I tried to put in my code, but it kicks it out.
|
|
|
|
|
<grid name="TestGrid" showgridlines="True" height="768" width="1220">
<grid.columndefinitions>
<columndefinition
="" width="330">
<grid name="C1Grid" showgridlines="True">
<grid.rowdefinitions>
<rowdefinition height="200">
<columndefinition width="700">
<columndefinition width="*">
|
|
|
|
|
You need to encode XAML in pre blocks for me to be able to see it. All I see there is empty space.
|
|
|
|
|
<Grid Name="TestGrid" ShowGridLines="True" Height="768" Width="1220">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="330">
<Grid Name="C1Grid" ShowGridLines="True">
<Grid.RowDefinitions>
<RowDefinition Height="200"></RowDefinition>
</Grid.RowDefinitions>
</Grid>
</ColumnDefinition>
<ColumnDefinition Width="700"></ColumnDefinition>
<ColumnDefinition Width="*"></ColumnDefinition>
</Grid.ColumnDefinitions>
</Grid>
|
|
|
|
|
What you need to do is:
<Grid Name="TestGrid" ShowGridLines="True" Height="768" Width="1220">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="330" />
<ColumnDefinition Width="700"></ColumnDefinition>
<ColumnDefinition Width="*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Grid Grid.Column="0" Name="C1Grid" ShowGridLines="True" />
<Grid.RowDefinitions>
<RowDefinition Height="200" />
<RowDefinition Height="250" />
<RowDefinition />
</Grid.RowDefinitions>
</Grid.ColumnDefinitions>
</Grid>You can now add your items to the Grid in Column 0 as you desire.
|
|
|
|
|
Thanks. However, when I execute this code, the 2 rows in column 0 span thru column 1 and column 2. That seems to mess up columns 1 and 2, since I have 2 full UI columns in 1 and 2. I need the grid to stop and column 1.
|
|
|
|
|
Pete,
Thanks. I got it. There was a missing Grid tag and one too many Column definitions.
Next question. If I have the following Grid (which is the same), why doesn't putting TextBlocks in Row 2 work? It always puts the two text blocks in Row 0, no matter what value I put in Grid.Row. Putting the Text in Grid.Columns 0,1, or 2 works fine. But, not the rows.
<Grid Name="MiscGrid" ShowGridLines="True" Height="768" Width="1220">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="330"></ColumnDefinition>
<ColumnDefinition Width="700"></ColumnDefinition>
<ColumnDefinition Width="*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Grid Grid.Column="0" Name="C1Grid" ShowGridLines="True">
<Grid.RowDefinitions>
<RowDefinition Height="120"></RowDefinition>
<RowDefinition Height="180"></RowDefinition>
<RowDefinition Height="330"></RowDefinition>
<RowDefinition Height="*"></RowDefinition>
</Grid.RowDefinitions>
</Grid>
<TextBlock Grid.Row="2" Height="20" HorizontalAlignment="Left" Margin="0,0,0,0" Text="ZONE DESCRIPTIONS" VerticalAlignment="Top" FontSize="16" />
<TextBlock Grid.Row="3" Height="15" HorizontalAlignment="Left" Margin="0,0,0,0" Text="(25 chars max)" VerticalAlignment="Top" />
</Grid>
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
