Questions on UI for WPF Forum

1 answer

140 views

Hi,

Using version 2012.1.326.40 of the DataVisualization control, the ToolTip is not displayed when the RadTimeline is inside a Popup. Mouse hovering over individual items works. Any ideas?

The code below illustrates my symptoms.

<Window x:Class="WpfApplication3.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"

xmlns:example="clr-namespace:WpfApplication3"

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

<Window.DataContext>

<example:ExampleViewModel />

</Window.DataContext>

<Grid>

<Popup IsOpen="True" Width="800" Height="300">

<telerik:RadTimeline Grid.Row="0"

PeriodStart="{Binding StartDate, Mode=TwoWay}"

PeriodEnd="{Binding EndDate, Mode=TwoWay}"

VisiblePeriodStart="{Binding VisibleStartDate, Mode=TwoWay}"

VisiblePeriodEnd="{Binding VisibleEndDate, Mode=TwoWay}"

StartPath="StartDate"

DurationPath="Duration"

ToolTipPath="Details"

ItemsSource="{Binding Data}">

<telerik:RadTimeline.Intervals>

<telerik:DayInterval />

<telerik:YearInterval IntervalSpans="1,5" />

<telerik:MonthInterval IntervalSpans="1,6" />

</telerik:RadTimeline.Intervals>

</telerik:RadTimeline>

</Popup>

</Grid>

</Window>

TimeLine

answered on 27 Apr 2012

2 answers

109 views

Sample projects for dynamically generating docking windows

Are there any basic projects that show how to generate the docking panes in code behind? All current demo samples are XAML file based. Thanks in advance for any info.

Docking

answered on 27 Apr 2012

1 answer

260 views

Scrolling not working on tileview

I'm using a tileview to show a list of images with the ability to reorder and delete images as needed. The image of what it looks like is attached.

Currently, when I delete an image (which I do by removing an item from the collection) it sets the viewer all the way back to the left and there is no way to programmatically(c#) scroll back to the right where the image was deleted from.

So what I need to understand is how do I set the scroll position of the radtileview?

Here's my view code.

<telerik:RadTileView x:Name="ListView1" MaxRows="1" MaximizeMode="Zero" ScrollBarVisibility="Visible" ColumnWidth="Auto" Height="210"

TileDragEnded="RadTileView1_TileDragEnded" ItemContainerStyle="{DynamicResource RadTileViewItemStyle}"

HorizontalContentAlignment="Left"

SelectionChanged="ListView1_SelectionChanged" IsItemDraggingEnabled="True"

IsSelectionEnabled="True" IsAutoScrollingEnabled="True">

<telerik:RadTileView.ContentTemplate >

<DataTemplate >

<Grid Margin="10,0,10,0" HorizontalAlignment="Left" >

<Border BorderThickness="1" Margin="-2" Background="Transparent" BorderBrush="Black" HorizontalAlignment="Left" VerticalAlignment="Top" >

<Border.Effect>

<DropShadowEffect ShadowDepth="0" BlurRadius="10"></DropShadowEffect>

</Border.Effect>

<Image Height="Auto" Width="Auto" VerticalAlignment="Top" Source="{Binding ThumbnailImageControl}" />

</Border>

</Grid>

</DataTemplate>

</telerik:RadTileView.ContentTemplate>

</telerik:RadTileView>

Here's the style referenced:

<Style x:Key="RadTileViewItemStyle" TargetType="{x:Type telerik:RadTileViewItem}" >

<Setter Property="Template" >

<Setter.Value>

<ControlTemplate TargetType="{x:Type telerik:RadTileViewItem}" >

<Border x:Name="GripBarElement" Background="Transparent" Width="Auto" HorizontalAlignment="Left" VerticalAlignment="Top">

<Grid Margin="5" HorizontalAlignment="Left" VerticalAlignment="Top" Width="Auto" >

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

<RowDefinition Height="*" />

</Grid.RowDefinitions>

<ContentPresenter x:Name="ContentElement" MouseDown="img_MouseDown"

Grid.Row="1" Width="Auto" HorizontalAlignment="Left" VerticalAlignment="Top"

Content="{TemplateBinding Content}"

ContentTemplate="{TemplateBinding ContentTemplate}" />

<Grid x:Name="ContentCacheHost" Grid.Row="0" Width="Auto" HorizontalAlignment="Left" VerticalAlignment="Top" />

<Grid MinHeight="23" Grid.Row="0">

<Button Content="X" Height="23" Margin="0,0,0,0"

Width="23" Click="btnDelete_Click"

Name="btnDelete"

Tag="{Binding FilePath}" MouseEnter="btnDelete_MouseEnter" MouseLeave="btnDelete_MouseLeave"

Foreground="White" FontSize="14" FontWeight="Bold" Opacity=".4"

VerticalAlignment="Top" HorizontalAlignment="Left" >

<Button.Background>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#00AF69" Offset="0" />

<GradientStop Color="#138D5D" Offset="1" />

</LinearGradientBrush>

</Button.Background>

</Button>

</Grid>

</Border>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

Here's how I bind:

public ObservableCollection<StaticObjects.BmpImage

> BitmapImageList { get; set; }



ListView1.ItemsSource = BitmapImageList;

I thought this would work but no luck

if (currentselectedindex > 0)

{

ListView1.SelectedIndex = currentselectedindex - 1;

ListView1.BringIntoView(ListView1.Items[currentselectedindex]);

}

Here's another clue in the delete any ideas?

void btnDelete_Click(object sender, RoutedEventArgs e)

{

Button btn = (Button)sender;

string filepath = btn.Tag.ToString();

StaticObjects.BmpImage bmp = BitmapImageList.Where(p => p.FilePath == btn.Tag).SingleOrDefault();

int currentidex = ListView1.Items.IndexOf(bmp);

bmp.Dispose();

BitmapImageList.Remove(bmp);

}

TileView

answered on 27 Apr 2012

29 answers

570 views

Lots of points?

It looks like your demos all have a handful of points...do you support x-y graphs with thousands of points, like scientific data?

Chart

answered on 27 Apr 2012

2 answers

168 views

Iterate Throught TreeView Items

Hi,

I'm trying to follow this example: http://www.telerik.com/help/wpf/radtreeview-how-to-iterate-through-treeviewitems.html .Apparently it allows me to iterate through a RadTreeView.

However, I get the following error:
Error 8 The type or namespace name 'ItemsControl' does not exist in the namespace 'Telerik.Windows.Controls' (are you missing an assembly reference?)

TreeView

answered on 27 Apr 2012

3 answers

193 views

RadGridView / UI Automation

Hi,
I do manage to execute a number of action with UI Automation against a radGridView such as:
- Creating a new row
- Reading the content of a cell
But I really don't understand how one could write in a cell. Using Snoop, I can see that before you select a cell, its underlying control is a TextBlock and only when you click on the cell, you get a TextBox. Which automation patterns do you use to click on a given cell?
My goal is to simulate a click on the cell, the get access to the underlying TextBox in order to change its content.
Please let me know if this can be done.

Thank you in advance,
Hassan

GridView

answered on 27 Apr 2012

3 answers

164 views

Translation key

Hi,

I would like to know where I can get the localization key for the OutlookBar control? When my control is collapsed. The "Folders" string appear on my control and I want to translate it.

Thank's

OutlookBar

answered on 27 Apr 2012

1 answer

115 views

Protecting Telerik RadControls assemblies in uc level

Hi,

When I'm developing a WPF applications, I can succesfully protect Telerik RadControls assemblies so that end user cannot use them for own purposes.

But now I have issue when I'm creating and build a WPF usercontrol (which uses Telerik RadControls components) and distribute it to the end user. In this case, end user should have possibilities to use my usercontrol (assembly) in he's own project but not Telerik assemblies directly.

In WPF applications I can use App.xaml to define Controls key resource:
<system:String x:Key="Telerik.Windows.Controls.Key">Sample Application Name v2.0 (tm)</system:String>

But how can I do that in usercontrol level?

Regards,
Auvo

General Discussions

answered on 27 Apr 2012

3 answers

104 views

Toggle RibbonView with Expander triangle (word-like)

Hi,

Is there a built-in feature to toggle the complete ribbonbar / view with a "expander triangle icon"
such as in word, excel 2010.
See the attached *.png file for detail.

Thx,
Chris

RibbonView and RibbonWindow

answered on 26 Apr 2012

9 answers

253 views

Problem with saving Gauge into an image file

Hi,

With the old gauge (beta), I create some gauge controls and directly (without display) save the result in an Image file.
With the new gauge, I have some probleme with the ticks and label display (as you can see in the attached file).

The code I use is :

UC = new CircularGauge(); // Usercontrol WPF

UC.Width = 200; UC.Height = 200;

UC.Measure(new System.Windows.Size(UC.Width, UC.Height));

UC.Arrange(new Rect(0.0, 0.0, UC.Width, UC.Height));

UC.UpdateLayout();

RenderTargetBitmap oTargetBitmap = new RenderTargetBitmap((int)UC.Width, (int)UC.Height, 96.0, 96.0, System.Windows.Media.PixelFormats.Default);

oTargetBitmap.Render(UC);

PngBitmapEncoder oPngBitmapEncoder = new PngBitmapEncoder();

oPngBitmapEncoder.Frames.Add(BitmapFrame.Create(oTargetBitmap));

oPngBitmapEncoder.Save(msGaugeImage);

What is wrong in my approch ?
Is there a other way to do this ?

Thanks,

Yves

Gauges