Questions on UI for WPF Forum

1 answer

104 views

Hi,

I'm using the Office2013 theme and I would like to know 2 things:

1. When I drag an appointment over another appointment or over a slot, I would like to know if it's possible to have such a "MouseOver" color while dragging an appointment.

2. When I drag an appointment, I would like to know how I can dertermine on which cell my mouse is on top. Of course the dragged appointment can cover 2 cells but but I need to know only the cell my mouse pointer is over.

Thank's
Alain

ScheduleView

answered on 28 Apr 2014

1 answer

176 views

RadTreeview Not expanding to 3rd level

I have created a RADTREEVIEW in the code behind and populated with 3 levels of items :
RadTreeViewItem parent = new RadTreeViewItem();
tv.IsOptionElementsEnabled = true;
tv.IsExpandOnSingleClickEnabled = true;
parent.Header = "Parent";
tv.Items.Add(parent);
for (int i = 0; i < 6; i++)
{
RadTreeViewItem child = new RadTreeViewItem();
child.Height = 20;
child.Header = "Child " + i.ToString();
parent.Items.Add(child);
for (int j = 0; j < 6; j++)
{
RadTreeViewItem grandchild = new RadTreeViewItem();
grandchild.Height = 20;
grandchild.Header = "grandChild " + j.ToString();
child.Items.Add(grandchild);
}

}
When I run the project and I click on Parent it opens and shows 6 children all with the expandable icon next to them. When I child on a 'Child' however the icon changes to an 'open' icon but none of the children show - what am I missing?

TreeListView

answered on 28 Apr 2014

18 answers

1.2K+ views

Dynamically adding different Series Types to a RadChartView

Hi,

I have spent alot of time researching and searching for a solution to this and while there are many posts on many forums about similar subjects, as solution to my particular problem eludes me.

I am using the RadChartView. My datacontext is an ObservableCollection of Items. Each Item have some properties as well as an ObservableCollection of datapoints.

I am using the code below to add a series for each item.

<telerik:RadCartesianChart.SeriesProvider>

<telerik:ChartSeriesProvider Source="{Binding Data}">

<telerik:ChartSeriesProvider.SeriesDescriptors>

<telerik:CategoricalSeriesDescriptor ItemsSourcePath="DataPoints" ValuePath="Approved" CategoryPath="HorizontalAxis">

<telerik:CategoricalSeriesDescriptor.Style>

<Style TargetType="telerik:LineSeries">

<Setter Property="Stroke" Value="{Binding ApprovedColor}"/>

<Setter Property="StrokeThickness" Value="2"/>

</Style>

</telerik:CategoricalSeriesDescriptor.Style>

</telerik:CategoricalSeriesDescriptor>

</telerik:ChartSeriesProvider.SeriesDescriptors>

</telerik:ChartSeriesProvider>

</telerik:RadCartesianChart.SeriesProvider>

So now my problem. I want to be able to tell the chart whether my series my be a Line or Bar. For instance the first Item's datapoints would be plotted as a line and the 2nd as a bunch of bars. This setting would be a property in of an Item.

I have tried using converters on the CategoricalSeriesDescriptor.Style as well as a styleselector but to me I can't find a way to do this.

Please help.

Regards
RIchard

ChartView

answered on 28 Apr 2014

11 answers

499 views

Custom Filter

Hello,

We use the text search filter from the WPF GridView examples for filtering the grids, which works fine.
Our customer has the following requirement: they want to be able to filter numeric columns using a contains operator similar to the string filtering. This is especially useful when searching for e.g. serial numbers.
We could not find a solution for this issue in the GridView forum. We do not want to change the data type of the numeric columns of the view model into a string because of the amount of grids used by the application. We want to implement a custom FilterDescriptor that will be created by the TextSearch behavior when it detects a numeric column.

Can you please provide us an example implementation of a custom filter that shows how to implement this behavior?

Kind
regards,

Bert

GridView

answered on 28 Apr 2014

5 answers

466 views

RadRibbonButton define LargeImage from Path in xaml

Hello,

I have some graphics described in a xaml way (using viewbox and path).
I use these graphics in some places, and I'd like if it is possible to use them directly in a RadRibbonButton, whithout export them in jpeg image.

for sample, here one of my graphic :

    
            <ControlTemplate x:Key="ModifFigure"> 
        
                    <Viewbox Width="{TemplateBinding Width}" Height="{TemplateBinding Height}"> 
        
                    <Canvas Width="25.000" Height="25.000"> 
        
                        <Canvas> 
        
                            <Canvas> 
        
                                <!-- Calque 1/<Groupe>/<Tracé> --> 
        
                                <Path StrokeThickness="0.5" Stroke="#ffc4c6c8" StrokeMiterLimit="1.0" Data="F1 M 12.498,25.000 C 5.596,25.000 0.000,19.404 0.000,12.500 C 0.000,5.596 5.596,0.000 12.498,0.000 C 19.402,0.000 25.000,5.596 25.000,12.500 C 25.000,19.404 19.402,25.000 12.498,25.000 Z"> 
        
                                    <Path.Fill> 
        
                                        <LinearGradientBrush MappingMode="Absolute" StartPoint="396.500,312.884" EndPoint="396.500,291.182"> 
        
                                            <LinearGradientBrush.GradientStops> 
        
                                                <GradientStop Offset="0.00" Color="#fffefefe"/> 
        
                                                <GradientStop Offset="1.00" Color="#ffdddedf"/> 
        
                                            </LinearGradientBrush.GradientStops> 
        
                                            <LinearGradientBrush.Transform> 
        
                                                <MatrixTransform Matrix="0.000,1.000,1.000,0.000,-291.000,-383.999" /> 
        
                                            </LinearGradientBrush.Transform> 
        
                                        </LinearGradientBrush> 
        
                                    </Path.Fill> 
        
                                </Path> 
        
                                <!-- Calque 1/<Groupe>/<Tracé> --> 
        
                                <Path StrokeThickness="1.0" Stroke="#ff8c989f" StrokeMiterLimit="1.0" Data="F1 M 12.500,21.506 C 7.525,21.506 3.492,17.475 3.494,12.500 C 3.494,7.525 7.525,3.492 12.500,3.492 C 17.473,3.492 21.506,7.525 21.506,12.500 C 21.506,17.475 17.473,21.506 12.500,21.506 Z"> 
        
                                    <Path.Fill> 
        
                                        <RadialGradientBrush MappingMode="Absolute" GradientOrigin="433.388,315.667" Center="433.388,315.667" RadiusX="16.788" RadiusY="16.788"> 
        
                                            <RadialGradientBrush.GradientStops> 
        
                                                <GradientStop Offset="0.00" Color="#fffefefe"/> 
        
                                                <GradientStop Offset="1.00" Color="#ffb1bfc7"/> 
        
                                            </RadialGradientBrush.GradientStops> 
        
                                            <RadialGradientBrush.Transform> 
        
                                                <MatrixTransform Matrix="0.000,0.802,0.802,0.000,-233.813,-335.440" /> 
        
                                            </RadialGradientBrush.Transform> 
        
                                        </RadialGradientBrush> 
        
                                    </Path.Fill> 
        
                                </Path> 
        
                            </Canvas> 
        
                            <!-- Calque 1/<Tracé> --> 
        
                            <Path Fill="#ffe7511e" Data="F1 M 18.651,11.870 L 20.354,10.170 C 20.966,9.558 20.966,8.561 20.354,7.950 L 18.099,5.695 C 17.489,5.081 16.490,5.083 15.880,5.695 L 14.175,7.396 C 15.744,8.962 17.778,10.998 18.651,11.870 Z"/> 
        
                            <!-- Calque 1/<Tracé transparent> --> 
        
                            <Path Fill="#ff1a171b" Data="F1 M 9.038,18.250 L 7.789,17.000 L 8.886,13.998 L 12.044,17.154 L 9.038,18.250 Z M 12.833,15.531 C 12.767,15.596 12.681,15.633 12.585,15.633 C 12.495,15.633 12.406,15.596 12.341,15.531 C 12.206,15.396 12.206,15.178 12.341,15.041 L 16.595,10.793 L 15.254,9.453 L 10.979,13.717 C 10.913,13.785 10.827,13.822 10.731,13.822 C 10.641,13.822 10.554,13.785 10.486,13.717 C 10.418,13.650 10.388,13.561 10.388,13.473 C 10.388,13.385 10.418,13.297 10.486,13.229 L 14.764,8.962 C 14.764,8.962 14.275,8.477 13.684,7.886 L 8.227,13.340 L 8.231,13.346 C 8.200,13.383 8.173,13.424 8.158,13.467 L 5.943,19.543 C 5.884,19.701 5.923,19.879 6.042,19.996 C 6.160,20.119 6.337,20.156 6.496,20.098 L 12.573,17.881 C 12.621,17.867 12.661,17.836 12.697,17.807 L 12.703,17.814 L 18.159,12.361 C 17.712,11.908 17.086,11.285 17.086,11.285 L 12.833,15.531 Z"/> 
        
                        </Canvas> 
        
                    </Canvas> 
        
                </Viewbox> 
        
                </ControlTemplate> 

             <Button Name="btnEdit"

                                                    Style="{StaticResource NodeBtn}"

                                                    Width="20"

                                                    Height="20"

                                                    Command="v6:Commands.EditVariableCommand"

                                                    CommandParameter="Node"

                                                    Visibility="{Binding Path=Data.HasItem, Converter={StaticResource convBoolVisibility}}">

                                                <Button.Content>

                                                    <ContentControl Template="{StaticResource ModifFigure}" Width="18" Height="18"/>

                                                </Button.Content>

                                            </Button>

well, the aim is to keep your functionality "Large, small" but using xaml figures.

Thanks
Aurore

Buttons

answered on 25 Apr 2014

1 answer

153 views

Changing the background color of the minimize bar

Hi

How do i change the background color of the minimized bar (the sidebar that has "Folders" on it)

Thanks
Zaheer

OutlookBar

answered on 25 Apr 2014

1 answer

188 views

Docking with Prism and Navigation

Hello,

I'm developing an application and we are currently updating Telrik WPF Controls to the latest version. As we want to inject views dynamically to Docking PRISM will be used for this case.

The Problem is that I want to use Unity View Discovery and Navigation e.g:
regionManager.Regions["DocumentsRegion"].RequestNavigate(new Uri("Output", UriKind.Relative));

With this behavior I can add the same view multiple times to a Docking or to other Dockings in different parts of the applciation.

Is there a way to realize this including saving of the layout etc.?

Regards Johannes

Docking

answered on 25 Apr 2014

1 answer

92 views

Value disappearing in some conditions.

Hello,
here is how to show the problem.

1. Create a new WPF application.
2. Add references to Telerik.Windows.Controls, Telerik.Windows.Controls.Input and Telerik.Windows.Themes.Office2013.
3. Replace App.xaml with:

<Application

x:Class="Bug_TimePicker.App"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

StartupUri="MainWindow.xaml">

<Application.Resources>

<ResourceDictionary>

<ResourceDictionary.MergedDictionaries>

<ResourceDictionary Source="/Telerik.Windows.Themes.Office2013;component/Themes/System.Windows.xaml"/>

<ResourceDictionary Source="/Telerik.Windows.Themes.Office2013;component/Themes/Telerik.Windows.Controls.xaml"/>

<ResourceDictionary Source="/Telerik.Windows.Themes.Office2013;component/Themes/Telerik.Windows.Controls.Input.xaml"/>

</ResourceDictionary.MergedDictionaries>

</ResourceDictionary>

</Application.Resources>

</Application>

4. Replace MainWindow.xaml with:

<Window

x:Class="Bug_TimePicker.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:tk="http://schemas.telerik.com/2008/xaml/presentation"

Title="MainWindow" Height="350" Width="525">

<Grid Margin="10">

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

<RowDefinition Height="5" />

<RowDefinition Height="Auto" />

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="200" />

</Grid.ColumnDefinitions>

<tk:RadDateTimePicker DateTimeWatermarkContent=""

EndTime="22:00"

InputMode="TimePicker"

SelectedTime="9:00"

StartTime="8:00"

TimeInterval="0:30" />

<TextBox Grid.Row="2" />

</Grid>

</Window>

5. Run the application.
6. Click on the clock to display the pre-defined values.
7. Click on the DateTimePicker to close the pre-defined values.
8. Correct the time to display 9:01.
9. Click on the TextBox: the time disappears!

Patrick

DateTimePicker

answered on 25 Apr 2014

1 answer

107 views

Drag / Resize TootlTip

Hi,

I'm using the Office2013 theme and I would like to know if it's possible to hide (or change the formating, the style. etc...) the visible tooltips when I drag or resize and appointment (the tooltips visible at the top and at the bottom)?

Thank's
Alain

ScheduleView

answered on 25 Apr 2014

1 answer

114 views

Unpinned RadPane minimum dimensions

Hi,

I have an unpinned RadPane (hidden in a AutoHideArea). Although I set the MinWidth, Width and MaxWidth of this panel (and his parent, which is a RadSplitContainer), these parameters don't seem to be observed when the panel is in an unpinned state (the user can resize the RadPane without any restriction). Is there a way to set these dimensions or even to disable the resizing of unpinned panels ?

Thanks.

Docking

answered on 25 Apr 2014