Questions on UI for WPF Forum

1 answer

248 views

Hello,

I'm trying to display a tree layout with multiple roots - in the sample I attached both "a" and "f" nodes are top level nodes - however only a gets arranged correctly. I was hoping the auto format display something more similar to the image in preferred.png

How does the multiple roots work? is this its intention to specify nodes on the first level? The layout is better if I add a single top level node (called "start" in sample app - you have to uncomment the code), but I don't really want an unnecessary single top node.

Any help would be really appreciated.

Many Thanks

Gary Howlett

As cant post .zip sample files I placed on my OneDrive here http://1drv.ms/1fQ6pYD

Diagram

answered on 13 Mar 2014

1 answer

342 views

How to ScrollIntoView() a row of a child grid?

I have a grid with 2 subgrids. This hierachy is defined in the xaml with the ChildTableDefinitions property. The child grids have

grd.MaxHeight = double.PositiveInfinity;

in order to avoid a clutter of scrollbars. Also row virtualization has been turned off for as well the main grid as the child grids.

Now I'm implementing a refresh operation. During this, I want to reselect the item that was selected before the refresh was started (there is only one item selected in all these grids). I do this by expanding the appropriate rows until I reach the grid with the item to be selected. Then I set that grid's SelectedItem property.

So far so good. For obvious reasons I want to scroll the selected item back into view. When the selected row was in the main grid, I can just perform a

grd.ScrollIntoView(objSel);

But when I do this for a childgrid, nothing happens. I presume because the child grid doesn't have a scrollbar and as far as this grid is concerned, the selected row is in view. Also when I try

grdMain.ScrollIntoView(objSel);

nothing happens. I guess because objSel is not in the ItemsSource of the main grid (I didn't expect it to work, but I had to try). Also

grd.BringIntoView();

did not work out.

So I wonder what is a correct approach to scroll the selected item into view.

Thanks in advance,
Herre

[ OS: W7; Telerik: WPF 2013.3.1316.40 ]

GridView

answered on 13 Mar 2014

5 answers

156 views

FadeTransition zooms

I've got a FadeTransition set up, with some not too complicated content, which is simply supposed to fade. Instead, it zooms the content in, and then fades. It's like it's taking a snapshot of the old content at the wrong size or something. I can't quite reproduce it outside of the project I'm working on. As soon as the Content is changed, the transition control zooms in on the text, and then fade/zooms it. How do I make this simply a fade, without a zoom?

<telerik:RadTransitionControl

Duration="0:0:1"

Content="{TemplateBinding CurrentThreshold}">

<telerik:RadTransitionControl.Transition>

<telerik:FadeTransition />

</telerik:RadTransitionControl.Transition>

<telerik:RadTransitionControl.ContentTemplate>

<DataTemplate

DataType="{x:Type local:ServiceLevelThreshold}">

<Grid>

<Rectangle

Opacity=".75"

Fill="{Binding Background}" />

<TextBlock

Margin="4"

Foreground="{Binding Foreground}"

HorizontalAlignment="Center"

VerticalAlignment="Center"

Style="{StaticResource ServiceLevelBlockContentTextBlock}"

Text="{Binding Value, RelativeSource={RelativeSource AncestorType={x:Type local:ServiceLevelBlock}}}"

FontSize="30" />

</Grid>

</DataTemplate>

</telerik:RadTransitionControl.ContentTemplate>

</telerik:RadTransitionControl>

TransitionControl

answered on 13 Mar 2014

2 answers

112 views

TransitionControl in a ViewBox strange behavior

When you place a transition control in a ViewBox (specifically with the Fade transition, but mostly on all of them), it does a strange scaling. The text starts out tiny, then goes large, then fades. In other examples I have done, it starts out almost 2x as large as it should and then fades normally. Is there a way to stop if from doing this?

See the below code example:

<Window x:Class="WpfApplication20.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="MainWindow" Height="350" Width="525">

<Window.Resources>

<telerik:FadeTransition x:Key="fadeTransition" />

</Window.Resources>

<Grid>

<Viewbox>

<telerik:RadTransitionControl x:Name="tran" Transition="{StaticResource fadeTransition}" Content="{Binding Text}">

<telerik:RadTransitionControl.ContentTemplate>

<DataTemplate>

<TextBlock Text="{Binding}"></TextBlock>

</DataTemplate>

</telerik:RadTransitionControl.ContentTemplate>

</telerik:RadTransitionControl>

</Viewbox>

</Grid>

</Window

>




    public partial class MainWindow : Window , INotifyPropertyChanged
    {
        DispatcherTimer _timer = null;
        public MainWindow()
        {
            InitializeComponent();
            _timer = new DispatcherTimer();
            _timer.Interval = TimeSpan.FromSeconds(1);
            _timer.Tick += _timer_Tick;
            this.DataContext = this;
            _timer.Start();
        }
 
        int count = 0;
        private string _text = "0";
        public string Text
        {
            get
            {
                return _text;
            }
            set
            {
                if (_text != value)
                {
                    _text = value;
                    this.NotifyOfPropertyChange("Text");
                }
            }
        }
 
        #region INotifyPropertyChanged Members
 
        public event PropertyChangedEventHandler PropertyChanged;
        private void NotifyOfPropertyChange(string prop)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(prop));
            }
        }
        #endregion
 
        void _timer_Tick(object sender, EventArgs e)
        {
            count++;
            Text = count.ToString();
        }
}

TransitionControl

answered on 13 Mar 2014

1 answer

140 views

Wrapping my grids in a telerikQuickstart:Quickstart.ExampleHeader

Hi,

I'm fairly new to WPF and I'm trying to achieve a look to my datagrids similar to yours from the demo applications.

In your demos, the radgridview(and other controls too like the listview) are wrapped by a telerikQuickstart:Quickstart.ExampleHeader object.

I'm trying to do the same but can't. Can you please point me in the right direction on how I would be able to wrap my datagrid in a similar object, and ideally
change the background color to a deep blue instead of the purple?

Thanks

GridView

answered on 12 Mar 2014

2 answers

115 views

Can't focus after closing a Confirm window

When I close a cofirm radwindow (showdialog()), it won't focus on a textbox. If I change it to a regular wpf window and close it, everything is fine.
When I debug it and step through it, it works so it could be some race condition.

RadWindow.Confirm(new DialogParameters(){

Owner = myMainpage,

DialogStartupLocation = WindowStartupLocation.CenterOwner,

Content =

message,

Closed = Cancel_Click

...

private void Cancel_Click(object sender, Telerik.Windows.Controls.WindowClosedEventArgs e)

{



            Dispatcher.BeginInvoke(DispatcherPriority.ApplicationIdle, (System.Threading.ThreadStart)delegate()

            {



                myTextBox.Focus();

            });

//set the focus here

Window

answered on 12 Mar 2014

1 answer

260 views

ConnectionType="Polyline" but still Straight

Here is my code :
<Grid>
        <telerik:RadDiagram>
            <telerik:RadDiagramShape Position="100,50" Width="100" Height="80" Name="one"/>
            <telerik:RadDiagramShape Position="250,100" Width="100" Height="80" Name="two"/>
            <telerik:RadDiagramShape Position="350,200" Width="100" Height="80" Name="three"/>
            <telerik:RadDiagramConnection Source="{Binding ElementName=one}" Target="{Binding ElementName=three}" ConnectionType="Polyline"/>
        </telerik:RadDiagram>
    </Grid>

The RadDiagramConnection is still Straight,why ?

Diagram

answered on 12 Mar 2014

1 answer

77 views

Possible GridView layout

Attached is the grid layout that has been decided upon, I have worked with the standard WPF DataGrid I was wondering if the attached layout is possible with the GridView. The Date column would be considered to be a group by and the comments and additional members would span across the three columns. I know that I can get the desired effect with a single row and row details however the date and time columns would be smaller.

Just wondering if it would be possible to modify the grouping and row layout to get this effect.

Thanks

GridView

answered on 12 Mar 2014

2 answers

72 views

Possible GridView layout

I am just wondering if the attached layout is possible by changing the group and row layouts of the GridView.

The date field would be the grouping field and the comments and additional members would span the 3 cells. I know that I can get the desired effect with a single row and a details row however the date and time cells would be smaller.

Can the grouping be placed at the same level as the first row and can data span multiple cells?

Thanks.

GridView

answered on 12 Mar 2014

4 answers

195 views

Export into image with RadLegend

Hi,telerik

I have to create chart by code and export into image with legend.
After reading your doc and related threads,unfortunately can't find
right answer how to create legend with code. My question is

1. Add legend into RadCartesianChart by code
Following is my code.

RadCartesianChart cartChart = new RadCartesianChart();

cartChart.HorizontalAxis = new LinearAxis() { Maximum = 50, Minimum = 17, MajorStep = 3 };

cartChart.VerticalAxis = new LinearAxis() { LabelFormat = "p0" };

var resultList = CordXy.GetMonthFecundity();

ScatterLineSeries pregSeries = new ScatterLineSeries() { Stroke = new SolidColorBrush(Colors.Blue), StrokeThickness = 2 }; ;

pregSeries.XValueBinding = new PropertyNameDataPointBinding() { PropertyName = "Age" };

pregSeries.YValueBinding = new PropertyNameDataPointBinding() { PropertyName = "Num" };

// ADD Legend

pregSeries.LegendSettings = new SeriesLegendSettings() { Title = "TEST" };

pregSeries.ItemsSource = resultList[0] as IEnumerable<CordXy>;

cartChart.Series.Add(pregSeries);

ScatterLineSeries delSeries = new ScatterLineSeries() { Stroke = new SolidColorBrush(Colors.Red), StrokeThickness = 2 }; ;

delSeries.XValueBinding = new PropertyNameDataPointBinding() { PropertyName = "Age" };

delSeries.YValueBinding = new PropertyNameDataPointBinding() { PropertyName = "Num" };

// ADD Legend

delSeries.LegendSettings = new SeriesLegendSettings() { Title = "TEST2" };

delSeries.ItemsSource = resultList[1] as IEnumerable<CordXy>;

cartChart.Series.Add(delSeries);

// STUCK HERE...

//cartChart.LegendItems.Add(pregSeries.LegendSettings);

//cartChart.LegendItems.Add(delSeries.LegendSettings);

2. Export chart into image with legend
    All sample shows legend is placed outside of chart control.
    Is it possible to export chart with legend ? or Should I go back to outdated RadCharting ?

TIA.

RGDS
Kang

ChartView

answered on 12 Mar 2014