Questions on UI for WPF Forum

6 answers

429 views

Hi All,

In my WPF application, I have two windows which are the free floating windows, I need to dock them to the right side of the screen and also want to make them free floating... How to do that using RadDocking?

Regards,
Swati

Docking

answered on 09 Apr 2012

1 answer

154 views

Direction with SlideAndZoomTransition

Hi,
I have a problem with RadtransitionControl:
I set the transition property in the XAML as :

SlideAndZoomTransition

MinAlpha="1.0" MinZoom="1.0" StartSlideAt="0.2" LayoutAnimation="Animated" SlideDirection="LeftToRight"

My goal is to change the slideDirection at runtime from LeftToRight to RightToLeft, but I can' t access the RadTransitionControl object.

this is the xaml of my project:

<

Window x:Class="Kribi3D_BenchMark.MainWindow"

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

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

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

Title="" ResizeMode="NoResize" WindowStartupLocation="CenterScreen" ShowInTaskbar="False" WindowStyle="None" VerticalContentAlignment="Center" VerticalAlignment="Center" mc:Ignorable="d" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" Height="750px" Width="1350px" SnapsToDevicePixels="True">

<Window.Background>

</Window.Background>

<Window.Resources>

<telerik:RadTransitionControl Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" Duration="00:00:02" FlowDirection="LeftToRight" UseLayoutRounding="True" TransitionStatusChanged="transition_TransitionStatusChanged" x:Name="transition" HorizontalAlignment="Center" HorizontalContentAlignment="Center" IsManipulationEnabled="True">

<telerik:RadTransitionControl.Transition>

<telerik:SlideAndZoomTransition MinAlpha="1.0" MinZoom="1.0" StartSlideAt="0.2" LayoutAnimation="Animated" SlideDirection="LeftToRight"/>

</telerik:RadTransitionControl.Transition>

</telerik:RadTransitionControl>

</ControlTemplate>

<Setter.Value>

</LinearGradientBrush>

</Setter.Value>

</Setter>

<Setter.Value>

</Border>

</Border>

</Grid>

<ControlTemplate.Triggers>

</Trigger>

<Setter.Value>

</LinearGradientBrush>

</Setter.Value>

</Setter>

</Trigger>

<MultiTrigger.Conditions>

</MultiTrigger.Conditions>

</MultiTrigger>

</Trigger>

</Trigger>

</ControlTemplate.Triggers>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</Window.Resources>

<telerik:RadButton Height="48" HorizontalAlignment="Right" Margin="0,620,1192,0" Name="backfromTest" Tag="Bench" VerticalAlignment="Top" Width="48" Click="backfromTest_Click" BorderThickness="0" Style="{DynamicResource RadButtonStyle1}">

<telerik:RadButton.Background>

</telerik:RadButton.Background>

</telerik:RadButton>

<telerik:RadButton Height="48" HorizontalAlignment="Right" Margin="0,620,1260,0" Name="radButton1" VerticalAlignment="Top" Width="48" BorderBrush="#00000000" BorderThickness="0" Click="radButton1_Click" Style="{DynamicResource RadButtonStyle1}" >

<telerik:RadButton.Background>

</telerik:RadButton.Background>

</telerik:RadButton>

</Grid>

</

Window>

TransitionControl

answered on 09 Apr 2012

1 answer

42 views

Legend Customization

Hi,
I want to Manipulate the "Legend Label" to have different FieldName at run time on the basis of selection of Radio Button which would be either "Value" or "Percent".

As, such in case of Value it would be:-
<telerik:ItemMapping DataPointMember="LegendLabel" FieldName="ChartLegendValue"/>
and in case of "Percent" it would be:-
<telerik:ItemMapping DataPointMember="LegendLabel" FieldName="ChartLegendPercent"/>

How can i achieve this functionality ?
Can i use a data trigger / style or some other way?

Thanks in advance.

Chart

answered on 09 Apr 2012

1 answer

139 views

Persist hierarchical gridview

Hello,
I've got no problem persisitng RadGridView in a Caliburn Micro MVVM pattern...it's ok it works and I'm happy on this... but it doesn't persist gridview with hierachical child tempate

what it's best to do? have I to extend the GridViewCustomPropertyProvider from the demo's suite?
Thanks

PersistenceFramework

answered on 09 Apr 2012

1 answer

277 views

RadTabControl - Drag and drop

Hello,
I have application with two windows. Each window have RadTabControl. I want to drag and drop tabs from one window to anoter.
How can i do it ?

TabControl

answered on 09 Apr 2012

1 answer

180 views

Zooming RadChart using MVVM

Hi,

I am using RadTreeView on the left side of the screen and showing relative data in RadChart on the right of the screen. I am using MVVM design pattern (WPF), but facing few problems (as mentioned below) while zooming chart data.

1. I am NOT able to bind values for RangeEnd and RangeStart with MVVM property for zooming my chart data. My XAML code looks like:
<telerik:ChartDefaultView.ChartArea>
<telerik:ChartArea Loaded="ChartArea_Loaded">
<telerik:ChartArea.ZoomScrollSettingsY>
<telerik:ZoomScrollSettings />
</telerik:ChartArea.ZoomScrollSettingsY>
<telerik:ChartArea.ZoomScrollSettingsX>
<telerik:ZoomScrollSettings MinZoomRange="0.01" RangeEnd="{Binding ChartRangeEnd, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" RangeStart="{Binding ChartRangeStart, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" ScrollMode="ScrollAndZoom" />
</telerik:ChartArea.ZoomScrollSettingsX>
<telerik:ChartArea.AxisX>
<telerik:AxisX IsDateTime="True"
AutoRange="True"
Step="1"
LabelStep="1"
DefaultLabelFormat="dd-MMM HH:mm"
LabelRotationAngle="30" StripLinesVisibility="Visible">
<telerik:AxisX.AxisStyles>
<telerik:AxisStyles RenderOptions.ClearTypeHint="Enabled" />
</telerik:AxisX.AxisStyles>
</telerik:AxisX>
</telerik:ChartArea.AxisX>
</telerik:ChartArea>
</telerik:ChartDefaultView.ChartArea>

The properties definition in ViewModel is:
double _chartRangeEnd;
public double ChartRangeEnd
{
get { return _chartRangeEnd; }
set
{
_chartRangeEnd = value;
OnPropertyChanged("ChartRangeEnd");
}
}

double _chartRangeStart;
public double ChartRangeStart
{
get { return _chartRangeStart; }
set
{
_chartRangeStart = value;
OnPropertyChanged("ChartRangeStart");
}
}

2. Zooming only works when I change RangeStart and RangeStart value pragmatically (in code behind on ChartArea_Loaded event), as shown below:
private void ChartArea_Loaded(object sender, RoutedEventArgs e)
{
this.radChart.DefaultView.ChartArea.ZoomScrollSettingsX.ScrollMode = ScrollMode.None;
this.radChart.DefaultView.ChartArea.ZoomScrollSettingsX.RangeEnd = _viewModel.ChartRangeEnd;
this.radChart.DefaultView.ChartArea.ZoomScrollSettingsX.RangeStart = _viewModel.ChartRangeStart;
this.radChart.DefaultView.ChartArea.ZoomScrollSettingsX.ScrollMode = ScrollMode.ScrollAndZoom;
}
Moreover if I remove top code line (this.radChart.DefaultView.ChartArea.ZoomScrollSettingsX.ScrollMode = ScrollMode.None;) then slider stretches 100% rather then getting within the limit of RangeStart and RangeEnd values.

The problem which I am facing while using code behind approach (using ChartArea_Loaded) is that when I click on any other node (after selecting first node) in the RadTreeView then RangeStart and RangeEnd values are not getting refreshed (as ChartArea_Loaded event is called only at the starting when Chart is loaded for the first time).

I am willing and hoping to resolve this problem by using MVVM.

Any help will be highly appreciated.

Thank you,
Moon

Chart

answered on 09 Apr 2012

3 answers

257 views

Close a RadDropDown

I have a grid that I'm using as a faux popup (I don't care for the RadWindow API) and it pops open when clicking various buttons in the RadDropDownButton. The problem is that the RadDropDownButton stays on top of the popup unless you click off somewhere else. Is there a close command I can manually send to the RadDropDownButton? I'd like to attach the event to each button within the RadDropDownButton.

Thanks!

Buttons

answered on 09 Apr 2012

27 answers

520 views

Could not create an instance of type 'RadDocking'

I am developing a demo application with RadDocking. I wrote a simple application using the code samples that came with Telerik controls for WPF. When this XAML is loaded in Designer I get the error message: 'Could not create an instance of type 'RadDocking''. However when I run this application it runs fine. Can anyone help me to figure out what is the problem?

This is the XAML code.

    
            <Window x:Class="TestApplication.Window1" 
        
                xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
        
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        
                xmlns:qsf="clr-namespace:Telerik.Windows.QuickStart;assembly=Telerik.Windows.QuickStart" 
        
                Title="Window1" Height="300" Width="300" 
        
                xmlns:radDock="http://schemas.telerik.com/2008/xaml/presentation"> 
        
                <Grid> 
        
                    <radDock:RadDocking> 
        
                        <radDock:RadDocking.DocumentHost> 
        
                            <radDock:RadSplitContainer> 
        
                                <radDock:RadPaneGroup> 
        
                                    <radDock:RadDocumentPane Title="Description"> 
        
                                        <radDock:RadDocumentPane.Content> 
        
                                            <TextBlock TextWrapping="Wrap" 
        
                                                    Text="On the Documents tab above press Ctrl + Mouse Left button to display the Popup Menu. You can use the same combination on every tab." /> 
        
                                        </radDock:RadDocumentPane.Content> 
        
                                    </radDock:RadDocumentPane> 
        
                                    <radDock:RadPane Header="NotDragable" CanFloat="False"> 
        
                                        <radDock:RadPane.Content> 
        
                                            <TextBlock TextWrapping="Wrap" 
        
                                                    Text="This pane cannot be dragged, because it has its property CanFloat set 'False'." /> 
        
                                        </radDock:RadPane.Content> 
        
                                    </radDock:RadPane> 
        
                                </radDock:RadPaneGroup> 
        
                            </radDock:RadSplitContainer> 
        
                        </radDock:RadDocking.DocumentHost> 
        
                    </radDock:RadDocking> 
        
                </Grid> 
        
            </Window>

Docking

answered on 09 Apr 2012

6 answers

263 views

Accessing DropPosition in OnDropQuery (Drag'n'drop)?

Hi Telerik,

I can't seem to find the DropPosition when determining wheter a drop is allowed? Am I overlooking something? I can see the relative position and I guess I could calculate the relative position, but since the curson changes depending on drop position, I'm thinking the information is there somewhere...

Thnaks for any help,

Anders, Denmark

TreeView

answered on 09 Apr 2012

1 answer

250 views

Anyone using this as an html editor?

I've tried the demo and it opens and saves in html format perfectly.

This seems like a possibility in a case where you want to store a document as html format but allow rich editing and not have to rely on a web browser control for doing your editing. For example a wpf app where you want users to be able to make and edit Wikipages inside the app but store them in html format for a web interface to the same app.

Can anyone confirm if they use it this way?

RichTextBox

answered on 09 Apr 2012