Re: TabControl with DataGrid. Columns won't size correctly - WPF Discussion Boards

Re: A WPF 'ah-ha' moment for you.

27-Jan-09 11:37

When I realized updating/expanding my old MFC-based UI code was taking way to
much time and I thought "hmm....I'll take a look at WPF...". Smile | :)

I have Silverlight/WPF ah=ha moments several times a day...

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

ColinM12327-Jan-09 11:42

ColinM123

27-Jan-09 11:42

Ooh, another one.
I was looking at my first attempt at a WPF app, and I was thinking "Who wrote this crap? It's all done wrong!"

Stuff like updating text on controls via a loop instead of just using databinding.

Online Guitar Tools

Re: A WPF 'ah-ha' moment for you.

Jammer29-Jan-09 23:22

Jammer

29-Jan-09 23:22

There have been many! And many followed by a ... "oh ... I didn't expect that" but mostly "doh!", "FECK" & "Blurgh!!"

Smile | :)

Jammer
My Blog | Article(s)

Text Box Autocomplete Control

boiDev27-Jan-09 3:00

boiDev

27-Jan-09 3:00

Hi Everyone Big Grin | :-D

Im trying to do an auto complete text box control that it binded to sql .. so that when a user types in something like lets say in the database i have a table called building and in the building table i have columns like Building ID & Building Name and that will be binded to the textbox so that when i type in Micr it will give me a drop down of all the stuff i have in the database that start with "Micr". Does any one know how do to do this.. An example or idea will be very helpfull.. Thanks in advance ...

Re: Text Box Autocomplete Control

User 27100927-Jan-09 16:31

User 271009

27-Jan-09 16:31

Give this a look. It's my AjaxComboBox. You can use this idea to get the information and populate a list and allow the user to select from it.

http://www.codeproject.com/KB/WPF/WPFAjaxStyleComboBox.aspx[^]

Cheers, Karl

» CodeProject 2008 MVP, CodeProject 2009 MVP

My Blog | Mole's Home Page |
XAML Power Toys Home Page

Just a grain of sand on the worlds beaches.

modified 27-Feb-21 21:01pm.

TabControl with DataGrid. Columns won't size correctly

aalex67527-Jan-09 0:24

aalex675

27-Jan-09 0:24

I am really hoping someone here can help me. I've been playing around with the WPF DataGrid and am having a weird problem. What I have is a TabControl with two tabs. Each tab has a DataGrid with two columns. The first column Width is "Auto" and the second column Width is "*" which should fill the remaining space in the Datagrid. What is happening is that the DataGrid in the first tab's columns are sized appropriately, but the second tab's second column is wider than it should be. Also, if I change the SelectedIndex to the second tab, it's columns are size correctly but the first tab's columns aren't. I have tried to Invalidate the DataGrid control when the selected tab changes but that didn't seem to do anything. I'm not sure how to explain this better but here is some example XAML:

<TabControl TabStripPlacement="Left"
Margin="0,0,0,0"
Background="White" Padding="0,-10,0,0"
SelectedIndex="0"
Grid.Row="1"
x:Name="TabEdit">
<TabItem Header="Tab 1">
<tk:DataGrid
AutoGenerateColumns="False"
ItemsSource="{Binding Path=Properties}"
>
<tk:DataGrid.Columns>
<tk:DataGridTextColumn
Width="Auto"
IsReadOnly="True"
Header="Property"
Binding="{Binding DisplayName}"
/>
<tk:DataGridTextColumn
Width="*"
IsReadOnly="False"
Header="Value"
Binding="{Binding AggValue, NotifyOnValidationError=True, ValidatesOnDataErrors=True}"
/>
</tk:DataGrid.Columns>
</tk:DataGrid>
</TabItem>
<TabItem Header="Tab 2">
<tk:DataGrid
AutoGenerateColumns="False"
ItemsSource="{Binding Path=Properties}"
>
<tk:DataGrid.Columns>
<tk:DataGridTextColumn
Width="Auto"
IsReadOnly="True"
Header="Property"
Binding="{Binding DisplayName}"/>
<tk:DataGridTextColumn
Width="*"
IsReadOnly="False"
Header="Value"
Binding="{Binding AggValue, NotifyOnValidationError=True, ValidatesOnDataErrors=True}"
/>
</tk:DataGrid.Columns>
</tk:DataGrid>
</TabItem>
</TabControl>

If this is not enough information, I'd be happy to answer questions.

Thanks for reading!

P.S. Sorry if the code is hard to read. I couldn't get it to work in a code block (<pre></pre>)

Re: TabControl with DataGrid. Columns won't size correctly

Mark Salsbery27-Jan-09 8:02

Re: TabControl with DataGrid. Columns won't size correctly

27-Jan-09 8:02

Well That's messed up Smile | :)

Looking closely, it seems on the first switch to the other tab, its
content (the datagrid) is sized to the entire tabcontrol size including the header...
Then you can see the content shift right real quick as it gets positioned in the tab
content area. From that point on, the content's size is incorrect, even if the tabcontrol
is resized.

The problem Can also be consistently seen at design time in both the Visual Studio designer and in Blend.

What I can't figure out is a fix for this...I'll get back to you if I figure something out...

aalex675 wrote:
Sorry if the code is hard to read.

Any code I can copy right into a test window and run with minimal changes
is just fine with me. Your posted code was great. Smile | :)

Mark

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

aalex67527-Jan-09 8:07

aalex675

27-Jan-09 8:07

Great! Thanks for trying it. I'm glad it's not something really obvious that I missed at least.

Re: TabControl with DataGrid. Columns won't size correctly

Mark Salsbery27-Jan-09 11:33

Re: TabControl with DataGrid. Columns won't size correctly

27-Jan-09 11:33

I didn't dig into the DataGrid source code, but this workaround seems to work...

I added a SelectionChanged handler to the tab control:

private void TabControl_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    System.Collections.IEnumerable olditemssource = datagrid2.ItemsSource;
    datagrid2.ItemsSource = null;
    datagrid2.ItemsSource = olditemssource;// new MyItemCollection_design();
}

Resetting the ItemsSource on the DataGrid is the only way (I could figure out) to get
the DataGrid to re-layout its columns correctly.

That's not really a good fix though, since if the user changes the column sort order,
it won't be preserved if the tab is navigated away from and back to.

They key point is to NOT set the ItemsSource until the DataGrid's associated tab is
navigated to for the first time. I'll leave that as an exercise for you Poke tongue | ;-P

I'm thinking this should probably be reported as a bug on the toolkit CodePlex site...

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

aalex67527-Jan-09 22:17

aalex675

27-Jan-09 22:17

Thanks, I tried setting ItemsSource in code the first time each tab is selected and that takes care of the issue. I think this may already be in the bug tracker on CodePlex as issue #8842(DataGrid Star Column Widths incorrect when DataGrid was loaded with its Visibility not Visibile[^]) so I just voted for that issue.

Thanks again for the help.

Re: TabControl with DataGrid. Columns won't size correctly

Mark Salsbery28-Jan-09 4:48

Change label font at runtime

28-Jan-09 4:48

aalex675 wrote:
I think this may already be in the bug tracker on CodePlex as issue #8842

Cool! I didn't find it when I looked. Thanks!

Cheers,
Mark

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

Paolo Costa26-Jan-09 4:01

Paolo Costa

26-Jan-09 4:01

I,
I'm trying to extend the Standard WPF Label control in order to be able to change it's font (underline it) if a particular condition is true.

The font change will occur in the OnItialized method like this:

protected override void OnInitialized(EventArgs e)
{
if (conditionTrue)
{
//TODO Underline it
}
base.OnInitialized(e);
}

What code should I use to underline it?

Thanks

Paolo

Pete O'Hanlon26-Jan-09 4:08

26-Jan-09 4:08

You could always use a variant of the sample I posted here[^].

"WPF has many lovers. It's a veritable porn star!" - Josh Smith

BlitzPackage26-Jan-09 5:25

26-Jan-09 5:25

In addition to the XAML, you can also do this:

MyTextBlock.TextDecorations = TextDecorations.Underline;

To undo the underline:

MyTextBlock.TextDecorations = null;

Hope that helps.

Blitz

Pete O'Hanlon26-Jan-09 9:12

26-Jan-09 9:12

While you can do this, one of the interesting things about applying triggers in XAML, is that (as soon as the trigger condition no longer applies), the default style is reverted to.

"WPF has many lovers. It's a veritable porn star!" - Josh Smith

BlitzPackage26-Jan-09 14:47

26-Jan-09 14:47

Thanks; that's good to know. Doing it in XAML, then, makes it unnecessary to set it back to the default style. I thought about doing that - but just didn't know how to do so. I am such a Blend addict Big Grin | :-D

Paolo Costa26-Jan-09 20:58

Paolo Costa

26-Jan-09 20:58

I need to do it in c# code

Pete O'Hanlon26-Jan-09 22:23

26-Jan-09 22:23

That was C# code. Why do you need to do it that way though?

"WPF has many lovers. It's a veritable porn star!" - Josh Smith

Paolo Costa30-Jan-09 1:10

Paolo Costa

30-Jan-09 1:10

I don't know what I miss, but this code

MyTextBlock.TextDecorations = TextDecorations.Underline;

gives me a compilation error.

I solved with this code:

TextDecoration td = new TextDecoration(TextDecorationLocation.Underline, new System.Windows.Media.Pen(System.Windows.Media.Brushes.Red, 1), 0, TextDecorationUnit.FontRecommended, TextDecorationUnit.
TextBox1.this.TextDecorations.Add(td);

Paolo

P.S. I'm working on an XBAP application.

Pete O'Hanlon31-Jan-09 10:54

31-Jan-09 10:54

You can still do it in XAML. XBAPs don't remove the ability to use XAML.

"WPF has many lovers. It's a veritable porn star!" - Josh Smith

Text Hotlinks in WPF

BlitzPackage25-Jan-09 8:26

25-Jan-09 8:26

Greetings good people,

What control allows you to use "hotlink" text? It is the effect that occurs when you are surfing the internet and mouse over some text and it gets underlined since it is a link.

Any ideas on which control does this or how to do it would be greatly appreciated.

Thanks,
Blitz

Re: Text Hotlinks in WPF

Pete O'Hanlon25-Jan-09 8:57

25-Jan-09 8:57

Off the top of my head, I'm going to suggest that you will need to apply a Hyperlink to your TextBlock using a trigger.

"WPF has many lovers. It's a veritable porn star!" - Josh Smith

Re: Text Hotlinks in WPF

BlitzPackage25-Jan-09 13:55

25-Jan-09 13:55

Thanks, that did it. I just created MouseEnter, MouseLeave, and MouseLeftButtonDown events for the TextBlock. In the events I used TextDecorations to underline, not underline, and perform some action when clicked.

Re: Text Hotlinks in WPF

Pete O'Hanlon25-Jan-09 22:37

25-Jan-09 22:37

Sounds good - and also sounds like something you should blog about.

"WPF has many lovers. It's a veritable porn star!" - Josh Smith