Questions on UI for WPF Forum

1 answer

233 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

1.0K+ 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

242 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

126 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

1 answer

180 views

How can I apply a ValueConverter to the selected item?

Hi,

Is it possible to apply a ValueConverter to the selected item in an editable ComboBox?

I have successfully applied a ValueConverter to the items in the ComboBox itself (through creating a custom DataTemplate and assigning it to the ItemTemplate property of the ComboBox), but this ValueConverter is not applied to the currently selected item.

I have tried to open the ComboBox in Expression Blend and creating a custom ControlTemplate for it (and assigning this template to the EditableTemplate property). However I could not find a way to apply the converter to the PART_EditableTextbox in the generated template.

Thanks,
Kristian

ComboBox

answered on 13 Jul 2011

1 answer

345 views

Best practice for multi-level Parent-Child data binding for RowDetails

I have a proof-of-concept WPF app with parent RadGridView with two hierarchical levels of child details.   Most of the information on the child detail of the top-level parent is in a child RadGridView.   That child grid's row details are mainly another RadGridView of the first child's children.    In the POC, all three grids were bound directly to VS2010-generated DataAdapters/Views. That worked fine as long as only one top-level parent at a time had to display row details.

Now I find I need to instead have row details displayed at the same time for multiple parent rows in a RadGridView.   But if I simply source the child details out of the existing child dataset, then all parent table rows will show the child details for the same, currently selected parent row instead of being the unique child details which match each parent row.

I'd like to know what you recommend as the best practice for providing binding sources for child table-sourced row details to support multiple, simultaneous child row details displays.

I had thought about creating separate observable collections in the LoadingRowDetails event of the top two grids. But with the parent grids' rows directly bound to DataAdapters/DataViews, there is no way to separate the data contexts with multiple top-level parent row details simultaneously opened.

I realize could do this by hand-creating three levels of custom business objects and sourcing their content from the database rows.   But I'd rather not start over like that if there is a decent solution leveraging at least part of the existing direct database data objects. (All the current code for updating the database is directly using the bound DataSet/DataAdapter objects to automatically track the change deltas and perform the database updates).

What is the best practice here for providing multi-level row-details?   Should I just bite the bullet and change the app over to working off of three-level, hierarchical custom business objects, tracking my own change deltas, and hand-coding the database update logic?

Thanks for your thoughts,
-Bob

GridView

answered on 12 Jul 2011

6 answers

350 views

Self referencing hierarchy

I have a collection of class "Person" containing

Name (string)
ID (int)
ParentID (int)

and that linear list defines a hierarchy by referencing to itself (each person whoose ID (primary key) is equal to the ParentID (foreign key) of another person is parent of this other person.
In the telerik WPF Controls Examples showing the Self-Reference Hierarchy, the thing is, that this hierarchy is not a clean hierarchy tree, because elements of the first level (e.g. EmployeeID = 1) show up in the second level as well. I would need to build a tree like a family tree, where one Id can only occur in one place and nowhere else. One the other hand, it would be nice to have the tree in linear form as well, to see all persons at one glance.
Can someone give me a hint, how this can be done easily?
Thanks,

GridView

answered on 12 Jul 2011

4 answers

336 views

Custom ticks on the X-axis

Hi there
The situation is the following:
I am in need of having custom ticks on the X-axis in the form of DateTimes, jeg AutoRange doesnt seem to be working for me when i have ticks with same date but different time of day.
I have tried setting AutoRange to false, and creating ticks my self but this gives me no graphs at all, can someone tell me what I am missing here?

Following is from my code-behind:

private void SetupGraph()

{

radChart.ItemsSource = dataContext.Points;

var seriesMappings = CreateSeriesMappings();

var axisX = new AxisX

{

DefaultLabelFormat = "dd-MM-yy",

LabelRotationAngle = 45,

Step = 1,

LabelStep = 1,

AutoRange = false,

IsDateTime = true

};

var tickPoints = dataContext.Points.SelectMany(gp => gp).Select(gp => gp.Date).Distinct().Select(dt => new TickPoint(){IsDateTime = true, Label = dt.ToShortDateString(), Value = dt.ToOADate()});

axisX.TickPoints.AddRange(tickPoints);

var axisY = new AxisY { DefaultLabelFormat = "N3", };

var chartArea = new ChartArea { AxisX = axisX, AxisY = axisY, LegendName = "legend" };

var chartLegend = new ChartLegend { Name = "legend", UseAutoGeneratedItems = true, Width = 145 };

var chartTitle = new ChartTitle { Content = "Graph" };

var chartDefaultView = new ChartDefaultView

{

ChartArea = chartArea,

ChartTitle = chartTitle,

ChartLegend = chartLegend,

};

radChart.SeriesMappings.AddRange(seriesMappings);

radChart.DefaultView = chartDefaultView;

radChart.AnimationSettings = new AnimationSettings() { TotalSeriesAnimationDuration = new TimeSpan(0, 0, 0, 00), ItemAnimationDuration = new TimeSpan(0,0,0,0), ItemDelay = new TimeSpan(0,0,0,0)};

radChart.Rebind();

}

Chart

answered on 12 Jul 2011

3 answers

110 views

Changed Drag&Drop-Behaviour in 2011 Q2 Beta

Hi,

I updated to the beta because I want to try out the new PropertyGrid. I noticed, that the Drag&Drop behaviour changed from the Q1 SP1 release. Now when I drag an item from another control onto the target TLV I'll get a red stop sign. The DropQuery-Event is not fired so I guess that the DragAndDropManager thinks, that the item is not over the control. This worked perfectly with the previous release.

Is this a bug or a feature? And will this be changed to the old behaviour with the final release of Q2?

Greets
Hans

TreeListView

answered on 12 Jul 2011

5 answers

206 views

Can User Edit Row

Hello

Is there property can user edit row?

Best regards

Ehud

GridView

answered on 12 Jul 2011