Questions on UI for WPF Forum

1 answer

135 views

On a RadGridView with grouping, if you select the last row and hit the keydown a few times, the application appears to "freeze" up for 1-2 minutes. It eventually comes back to life, but appears to be frozen. Only seems to happen if you try to keydown past the last row in the grid. Any help would be appreciated. I should add that this behavior appears on a 64-bit Windows 7 OS. Another developer with 32-bit WIndows 7 does NOT have this issue. Thanks!

XAML:

<tel:RadGridView x:Name="ListsGV" Grid.Row="2" ItemsSource="{Binding EditFormViewModelCollection}"

IsReadOnly="True" SelectedItem="{Binding CurrentEditFormViewModel}"

PreviewMouseDoubleClick="gridView_PreviewMouseDoubleClick"

HeaderRowStyle="{StaticResource HeaderStyle}"

CanUserSortColumns="False">

<prism:CommandBehaviorCollection.Behaviors>

<prism:BehaviorBinding Event="MouseDoubleClick" Command="{Binding TableSelectedDoubleClickCommand}" CommandParameter="{Binding ElementName=ListsGV, Path=CurrentItem}" />

</prism:CommandBehaviorCollection.Behaviors>

<tel:RadGridView.GroupDescriptors>

<tel:GroupDescriptor Member="CurrentList.SystemModule" />

</tel:RadGridView.GroupDescriptors>

<tel:RadGridView.GroupHeaderTemplate>

<DataTemplate>

<TextBlock Text="{Binding Header.Description}" Margin="1,0,0,0" />

</DataTemplate>

</tel:RadGridView.GroupHeaderTemplate>

<tel:RadGridView.Columns>

<tel:GridViewDataColumn Header="Description" DataMemberBinding="{Binding CurrentList.Description}"

HeaderCellStyle="{StaticResource HeaderCell}" MinWidth="300" />

<tel:GridViewDataColumn Header="Shared Operations" DataMemberBinding="{Binding CurrentList.SharedOperation}"

HeaderCellStyle="{StaticResource HeaderCell}" Width="*"/>

</tel:RadGridView.Columns>

</tel:RadGridView>

Tom

GridView

answered on 13 Jul 2011

2 answers

157 views

[Solved] Bound header wrapping issue

I'm having an issue with column header wrapping due to my headers being bound to the DisplayName attribute of my properties.

I have a Property in my view model, using the DisplayName attribute:

[DisplayName("Component Item Identifier")]

public String ComponentItem

{

get { return componentItem; }

set

{ ... }

}

I can make that display in the header using:

<telerikGrid:GridViewDataColumn UniqueName="ComponentItem"

DataMemberBinding="{Binding Path=ComponentItem}"

Header="{Binding Path=ComponentItem.DisplayName}" >

</telerikGrid:GridViewDataColumn>

However, I need to make the header column wrap the text. The method I've found in these forums is via using a TextBlock as the header UI element, and I can make that work without the bindings:

<telerikGrid:GridViewDataColumn UniqueName="ComponentItem"

DataMemberBinding="{Binding Path=ComponentItem}">

<telerikGrid:GridViewDataColumn.Header>

<Grid>

<TextBlock Text="MY LONG TEXT FOR TESTING WRAPPING" TextWrapping="Wrap"/>

</Grid>

</telerikGrid:GridViewDataColumn.Header>

</telerikGrid:GridViewDataColumn>

But, the problem comes when I try to bind that TextBlock to my DisplayName, as follows, the header ends up blank:

<telerikGrid:GridViewDataColumn UniqueName="ComponentItem"

DataMemberBinding="{Binding Path=ComponentItem}">

<telerikGrid:GridViewDataColumn.Header>

<Grid>

<TextBlock Text="{Binding Path=ComponentItem.DisplayName}" TextWrapping="Wrap"/>

</Grid>

</telerikGrid:GridViewDataColumn.Header>

</telerikGrid:GridViewDataColumn>

Am I binding incorrectly in this code? Or is this just not supported in this structure?

Sincerely,
Russell.

GridView

answered on 13 Jul 2011

1 answer

78 views

QueriableCollectionView Remove() method

Hello,
I am trying to use the QueriableCollectionView class for DataGrid databinding.
I have the folowing code on window loaded event:

private QueryableCollectionView _qcv;
private void WindowLoaded(object sender, RoutedEventArgs e)
{
_qcv = new QueryableCollectionView(_entities.Countries);
radGridView1.ItemsSource = _qcv;
radDataForm1.ItemsSource = _qcv;
}

then:

private void ButtonDeleteClick(object sender, RoutedEventArgs e)
{
Country c = _qcv.CurrentItem as Country;
_qcv.Remove(c);
}

Can you tell me please why _qcv.Count remains the same? The item is not deleted? What am I doing wrong?Am i missing something?
Thank you very much.

PS: QueriableCollectionView.CanRemove returns false.

GridView

answered on 13 Jul 2011

6 answers

325 views

Refreshing GridView with database in WPF

Hello Telerik team,

I am using your radGirdView for viewing some of my records in my database.
When I add a record in my database, the gridview does not refresh.

I am new to WPF and it is just a simple basic program.

Thanks in advance!
Maarten

public void refreshList()

{

MySqlConnection conn = new MySqlConnection(connString);

personList.Clear();

using (conn)

{

String sql = "SELECT * FROM personeel ORDER BY Naam;";

MySqlCommand cmd = new MySqlCommand(sql, conn);

conn.Open();

MySqlDataReader reader = cmd.ExecuteReader();

StringBuilder htmlStr = new StringBuilder("");

while (reader.Read())

{

String Naam = htmlStr.Append(reader["Naam"]).ToString();

htmlStr.Clear();

String Voornaam = htmlStr.Append(reader["Voornaam"]).ToString();

htmlStr.Clear();

String Gsm = htmlStr.Append("0" + reader["GSM"]).ToString();

htmlStr.Clear();

personList.Add(new Person(Voornaam, Naam, Gsm));

}

conn.Close();

}

//gridView1 = new Telerik.Windows.Controls.RadGridView();

gridView1.ItemsSource = personList;

//CollectionViewSource.GetDefaultView(gridView1.ItemsSource).Refresh();

}

GridView

answered on 13 Jul 2011

1 answer

306 views

Spacing between lines

Ho do i change the spacing between the lines that get created when i press enter inside the Richtectbox the lines are loose and speratesd and the specifying Line spacing as 1 doesnt work.
Also if i copy few lines from notepad and paste it in rich text box even then i have this issue
Please suggest how can i control this spacing

RichTextBox

answered on 13 Jul 2011

1 answer

78 views

User resizeable InlineUIContainer

Is there a way to enable the same resizing behavior for InlineUIContainer as you get with images?

RichTextBox

answered on 13 Jul 2011

1 answer

227 views

RadDocking align tabs on right not working

I am trying to use the RadDocking and place the tabs on the right. However, when I set the TabStripPlacement property of the RadPaneGroup to "Right", the tabs take up the entire width of the control. When I set the width of the RadPane, the tab width is decreased, but the selected pane does not take up the remaining space. I have tried a lot of different things with no success - here is the xaml for the RadDocking:

<telerik:RadDocking BorderBrush="{x:Null}" BorderThickness="0" Padding="0" Name="_dock" Margin="0">

<telerik:RadSplitContainer Name="_splitContainer" Width="450">

<telerik:RadPaneGroup TabStripPlacement="Right" TabOrientation="Horizontal">

<telerik:RadPane Header="Item Image" Content="This is an item image" />

<telerik:RadPane Header="Tags" Content="These are the tags" />

</telerik:RadPaneGroup>

</telerik:RadSplitContainer>

</telerik:RadDocking>

Essentially, I'm trying to get the appearance of the TabControl with the TabStripPlacement property set to "Right" with the functionality of the RadDocking.

I would attach images, but I can't figure out how....

Docking

answered on 13 Jul 2011

1 answer

976 views

ComboBox AutoWidth?

Hi there!

Is there are feature which autosizes a combobox due to its content?
I guess I found something for the dropdown-width, but it would be nice to have something similar for the box itself.

Best Regards,
Matthias

ComboBox

answered on 13 Jul 2011

1 answer

234 views

Trigger for "Today" button inside RadDatePicker

Hi All,
I am working on the Wpf 4.0 and using MVVM and Prism in my application.
I have added the Today button inside the control template for the RadTimePicker which is defined inside a resource dictionary.
Following is the code snippets for it (Bold and Italics part I have added to the control template of the RadDateTimePickerControlTemplate ):


 
 
 
 
<telerik:RadDropDownButton x:Name="PART_DropDownButton" CloseOnEnter="True" Grid.Column="1" DropDownIndicatorVisibility="Collapsed" Focusable="False" telerik:DateTimePickerExtensions.FocusContentOnOpen="True" HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch" IsTabStop="False" IsOpen="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Margin="-1,0,0,0" Padding="0" PopupPlacementTarget="{Binding ElementName=PART_DateTimeInput}" TabIndex="1" VerticalAlignment="Stretch" VerticalContentAlignment="Stretch"><telerik:RadDropDownButton.DropDownContent>














 
 
 
<Grid>
 
 
 
 
<Grid.ColumnDefinitions>
 
 
 
 
<ColumnDefinition Width="*"/>
 
 
 
 
<ColumnDefinition Width="*"/>
 
 
 
 
</Grid.ColumnDefinitions>
 
 
 
 
<Grid.RowDefinitions>
 
 
 
 
<RowDefinition/>
 
 
 
 
<RowDefinition/>
 
 
 
 
<RowDefinition Height="33"/>
 
 
 
 
</Grid.RowDefinitions>
 
 
 
 
<telerik:RadCalendar x:Name="PART_Calendar"
 
 
 
Culture="{TemplateBinding Culture}"
 
 
 
Grid.Column="0"
 
 
 
DisplayDateEnd="{Binding DisplayDateEnd, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" DateSelectionMode="{TemplateBinding DateSelectionMode}"
 
 
 
DisplayDateStart="{Binding DisplayDateStart, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" DisplayDate="{Binding DisplayDate, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
 
 
 
IsReadOnly="{TemplateBinding IsReadOnly}"
 
 
 
Grid.Row="0"
 
 
 
Style="{TemplateBinding CalendarStyle}"
 
 
 
SelectableDateEnd="{Binding SelectableDateEnd, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
 
 
 
SelectionMode="Single"
 
 
 
SelectedDate="{Binding SelectedDate, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
 
 
 
SelectableDateStart="{Binding SelectableDateStart, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}">
 

 
 
 
</telerik:RadCalendar>
 
 
 
 
<telerik:DateTimePickerClock x:Name="PART_Clock" Culture="{TemplateBinding Culture}" Grid.Column="1" EndTime="{TemplateBinding EndTime}" Header="Clock" IsReadOnly="{TemplateBinding IsReadOnly}" Grid.Row="0" Style="{TemplateBinding ClockStyle}" SelectedTime="{Binding SelectedTime, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" StartTime="{TemplateBinding StartTime}" TimeInterval="{Binding TimeInterval, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}">
 

 
 
 
</telerik:DateTimePickerClock>
 
 
 
 
<StackPanel Grid.Row="2" Background="#ABACA7" >
 
 
 
 
<Border BorderThickness="1" Grid.Row="2" VerticalAlignment="Top" BorderBrush="whitesmoke" Margin="1" >
 
 
 
 
<Button Style="{StaticResource DatePickerButton}" Content="Today" />
 
 
 
 
</Border>
 
 
 
 
</StackPanel>



 
 
 
 
<!--Date Picker Button Style -->
 
 
 
 

 
 
 
 
<Style x:Key="DatePickerButton" TargetType="Button">
 
 
 
 
 
 
 
 
<Setter Property="Background" Value="#E0E0DE" />
 
 
 
 
 
 
 
 
<Setter Property="BorderBrush" Value="#91918F"/>
 
 
 
 
 
 
 
 
<Setter Property="VerticalAlignment" Value="Center"/>
 
 
 
 
 
 
 
 
<Setter Property="BorderThickness" Value="1"/>
 
 
 
 
 
 
 
 
<Setter Property = "HorizontalAlignment" Value="Center"/>
 
 
 
 
 
 
 
 
<Setter Property="Height" Value="24"/>
 
 
 
 
 
 
 
 
<Setter Property="Width" Value="50"/>
 
 
 
 
 
 
 
 
<Setter Property="FontSize" Value="11"/>
 
 
 
 
 
 
 
 
<Setter Property="FontWeight" Value="ExtraBold"/>
 
 
 
 
 
 
 
 
<Setter Property= "Margin" Value="2"/>
 
 
 
 
 
 
 
 
<Setter Property= "Cursor" Value="Hand"/>
 
 
 
 

 
 
 
 
<Setter Property="Template">
 
 
 
 
 
 
 
 
<Setter.Value>
 
 
 
 
 
 
 
 
<ControlTemplate TargetType="Button">
 
 
 
 
 
 
 
 
<Border BorderThickness="{TemplateBinding BorderThickness}"
 
 
 
 
 
 
 
BorderBrush="{TemplateBinding BorderBrush}"
 
 
 
 
 
 
 
Background="{TemplateBinding Background}"
 
 
 
 
 
 
 
Padding="{TemplateBinding Padding}"
 
 
 
CornerRadius="2.8"
 
 
 
>
 
 
 
 
 
 
 
 
<ContentControl Content="{TemplateBinding Content}"
 
 
 
HorizontalAlignment="Center"
 
 
 
VerticalAlignment="Center"/>
 
 
 
 
 
 
 
 
</Border>
 
 
 
 
 
 
 
 
</ControlTemplate>
 
 
 
 
 
 
 
 
</Setter.Value>
 
 
 
 
 
 
 
 
</Setter>
 
 
 
 

 
 
 
 
<Style.Triggers>
 
 
 
 
 
 
 
 
<Trigger Property="IsMouseOver" Value="true">
 
 
 
 
 
 
 
 
<Setter Property="Background" Value="{StaticResource SecondaryMouseOverColor}"/>
 
 
 
 
 
 
 
 
<Setter Property="BorderBrush" Value="Gold"/>
 
 
 
 
 
 
 
 
</Trigger>
 
 
 
 
 
 
 
 
<Trigger Property="IsPressed" Value="true">
 
 
 
 
 
 
 
 
<Setter Property="Background" Value="{StaticResource SecondaryMouseOverColor}"/>
 
 
 
 
 
 
 
 
<Setter Property="BorderBrush" Value="Orange"/>
 
 
 
 
 
 
 
 
</Trigger>
 
 
 
 

 
 
 
 
</Style.Triggers>
 
 
 
 
 
 
 
 
</Style>

Now in our application we have created a custom control for RadTimePicker , and I need to apply a trigger on today button that on clickof this "Today" button i should get today's date selected in the calendar.

So can I write any trigger in my style to do so ???? or how can we do this in present scenerio ???

Thanks in advance !!!!

DatePicker

answered on 13 Jul 2011

1 answer

118 views

Prevent last pane header from being truncated

I notice that when there is no more space for the last pane in the RadPaneGroup, the pane is truncated. I prefer it not to be shown at all but still appears in the drop down menu navigation. How do I achieve this?

Docking

answered on 13 Jul 2011