Questions on UI for WPF Forum

1 answer

229 views

Hi,

we use the RadDiagram as OrgChart. In your Example you have one CEO (Andrew Fuller) the next two Persons are President QA (Jeremy Boather) and President Dev. Dept. (Steven Buchanan).

Is it possible to have perhaps two CEO with one President in the next step? Or Two Presidents with one employee for each?
How must the xml file look like?

thanks
Best Regards
Rene

Diagram

answered on 10 Sep 2013

1 answer

381 views

How to make HierarchichalDataTemplate fill cell

I am using the HierarchicalDataTemplate in my RadTreeView. The content of the data template is a grid and the grid has a context menu specified. The problem is the grid does not fill the RadTreeView cell (it seems to size to the content) so the context menu only displays if you click on the content, not anywhere in the cell. Is there a way to force the template to fill the cell or is there a better way to implement data template specific context menus?

An example of one of my data templates is:

<HierarchicalDataTemplate DataType="{x:Type DTMLib:DTMHostsNode}" ItemsSource="{Binding Hosts}">

<Grid Background="Red" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="Auto"/>

<ColumnDefinition Width="*"/>

</Grid.ColumnDefinitions>

<Image Grid.Column="0" Width="20" Height="20" Source="Images/Remote.png"/>

<TextBlock Grid.Column="1" Text="{Binding Name}" VerticalAlignment="Center" Margin="5,0,0,0"/>

<telerik:RadContextMenu.ContextMenu>

<telerik:RadContextMenu Opening="RootContextMenuOpening">

<telerik:RadMenuItem x:Name="ApplyCSVFileColumns" Header="Apply CSV File Columns" Click="ApplyRootCsvColumnsClick"/>

<telerik:RadMenuItem x:Name="PlaybackCSVFiles" Header="Playback CSV Files" Click="PlaybackCsvFilesClick"/>

</telerik:RadContextMenu>

</telerik:RadContextMenu.ContextMenu>

</Grid>

</HierarchicalDataTemplate>

My RadTreeView instance is:

<telerik:RadTreeView x:Name="ManagerTreeView" Grid.Row="0" Grid.Column="0" HorizontalContentAlignment="Stretch"/>

TreeView

answered on 09 Sep 2013

3 answers

407 views

Controlling the width of the datapoint plot area in RadCartesianChart

Controlling the width of the datapoint plot area in RadCartesianChart

Hi

I am currently developing a simple bar chart showing a variable number of bar columns.

Now, I have used the PointTemplate property to set the bar columns at the same size regardless of the number of data points:

<telerik:BarSeries.PointTemplate>

<DataTemplate>

<Grid Width="80">

<Border Background="#FF817661" CornerRadius="5" Margin="23,5,23,0"/>

</Grid>

</DataTemplate>

</telerik:BarSeries.PointTemplate>

My problem is that when I have few data points I want the bar columns aligned to the left like this:

| **
| **
| **
| ** **
| ** **
| ** **
| ** **
| ** **
| ** **
| ** **
| ** **
|__**__,__**__,______,______,

But the chart control always distributes the data point plot areas evenly across the control space like this.

| **
| **
| **
| ** **
| ** **
| ** **
| ** **
| ** **
| ** **
| ** **
| ** **
|______**______,______**______,

I would really like to know how I can achieve the result on the top figure. How can I control the width of the plot area/container that holds the bar columns.
Either it must be totally obvious or it is simply not possible, as I cannot google my way to an answer.

Thanks
Claus

ChartView

answered on 09 Sep 2013

0 answers

175 views

Issue with radgridview row edit and adding a new row

Hello All,
I am facing an issue with radGridView row edit, inserting a new row and updating the database. On the UI when I try to edit a row or add a new row, the grid looks behaves like a disabled though I did not set any properties for it and I am unable to the grid. Can someone help me on this?

Xaml :

<telerik:RadGridView AutoGenerateColumns="False" Width="200" Height="125" Name="Grid"

               CanUserInsertRows="True"   
                 GroupRenderMode
 
 
="Flat"

ShowGroupPanel="False" RowIndicatorVisibility="Collapsed" ItemsSource="{Binding ListBindingToGrid,Mode= TwoWay}" >

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Id" DataMemberBinding="{Binding Path=Id, Mode =TwoWay}" Width="*" />

<telerik:GridViewDataColumn Header="Name" DataMemberBinding="{Binding Path=Name , Mode=TwoWay}" Width="*" />

</telerik:RadGridView.Columns>

</telerik:RadGridView>

<telerik:RadButton Name="button_Save" Content="Save" Command="{Binding SaveDataCommand}" Width="75" Height="23" CommandParameter="{Binding ElementName=Grid, Path=SelectedItem.Id}">

Codebehind

private List<dynamic> m_listbindingtogrid;

public List<dynamic> ListBindingToGrid

{

get

{

return m_listbindingtogrid;

}

set

{

m_listbindingtogrid= value;

RaisePropertyChanged("ListBindingToGrid");

}

private void LoadGrid()

{

ListBindingToGrid = (from customers in Database.Customers select new

{ Id= customers.Id, Name = customers.Name} ).ToList<dynamic>();

}

private void SaveData(int Id)

{

// some code to update the database

}

GridView

asked on 09 Sep 2013

3 answers

389 views

Can switch InputMethod for keybord's language

it's crash when i switch InputMethod at Chinese(Taiwan).
So I want to keybord defaul is Eng，then I try below:

<telerik:RadNumericUpDown
Language="en-US" InputMethod.IsInputMethodEnabled="False"/>

but,it still has could switch InputMethod.
How can Let RadNumericUpDown Language defaul "en-US",and Let keybord Language
cant switch InputMethod?
Or Can give AnyOther offer?

thanks

still

NumericUpDown

answered on 09 Sep 2013

1 answer

92 views

Shape does not meet the true size in px

Hi everyone, I´m working with the WPF controls, but I've encontered a problem using shapes with the RadDiagram, my problem is when I create a New Shape I would like to know its true size because the Diagram show me a Tooltip with the Width and Heigth but when I rectified this Sizes it no seems rigth... I tried to copy and paste a picture of every shape that I test however none of them give me the rigth Width

this is how I have my diagram in XAML

<telerik:RadDiagram x:Name="diagram" Zoom="1.2" SnapX="10" SnapY="10" KeyboardNavigation.DirectionalNavigation="None" MouseDoubleClick="diagram_MouseDoubleClick" BorderBrush="Black" IsSnapToGridEnabled="True" Loaded="diagram_Loaded" PreviewSelectionChanged="diagram_PreviewSelectionChanged" SelectionChanged="diagram_SelectionChanged" IsSnapToItemsEnabled="True" Margin="5"
ActiveTool="PointerTool"
IsConnectorsManipulationEnabled="False"
KeyUp="diagram_KeyUp"
IsRotationEnabled="False"
IsZoomEnabled="False"
IsPanEnabled="False"
AllowCopy="True"
AllowPaste="True"
AllowDrop="True"/>

Please Help Me...

Diagram

answered on 09 Sep 2013

1 answer

96 views

Move column headers inside the GridView group

I would like move the columns from the top of the grid to inside the group, i.e. where the group header would be. The reason I would like to do this is so that I can customize the column header text based on the group.

I know this might sound a bit crazy but the reason I would like to do this is because I am having to work with a data structure that has the following columns:
- Group Type, Name, Col1, Col2, ... Col10

So Col1 might be "Make of Car" if the Group Type is "Man" but called "Toy" if the Group Type is "Boy". So the columns headers need to be different for each group.

Is it possible to do this?

GridView

answered on 09 Sep 2013

1 answer

245 views

[Solved] Disbled Textbox foreground

I've applied the Office_Blue theme to all TextBox controls.
When the TextBox is disabled, the text appears very transparent and is almost unreadable. I've tried to change the opacity with a trigger, but this doesn't work. Any ideas how to solve that?

Thanks,
Michael

<Style TargetType="{x:Type TextBox}">

<Setter Property="t:StyleManager.Theme" Value="Office_Blue" />

<Style.Triggers>

<Trigger Property="IsEnabled" Value="False">

<Setter Property="TextBox.Foreground" Value="Black" />

<Setter Property="TextBox.Opacity" Value="1" />

</Trigger>

</Style.Triggers>

</Style>

General Discussions

answered on 09 Sep 2013

9 answers

610 views

How to use GridViewHyperlinkColumn

I would like to have my first column of my gridview be a hyperlink that I can execute my own code and navigate to a specific part of our application. Can someone tell me how I can acheive this? I am not navigating to a web url, but simply running c# code within the application.

Thanks,
Rod

GridView

answered on 09 Sep 2013

3 answers

199 views

TimeLine or TimeBar in VideoEditor (new question)

Following up on the topic raised by Marcelo, I am also investigating the use of the RadTimeLine and RadTimeBar as controls for a video editor. My goal is to enable both a large scale view of key frames, over an hour perhaps, and also permit zooming down to a fine grain view of key frames... at 4 mSec resolution perhaps.

What I observe is that if I define a RadTimeBar like this, with a 10 second period, I can zoom only down to 30 mSec:

<telerik:RadTimeBar x:Name="xRadTimeBar" Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="1"

PeriodStart="1/1/2011 00:00:00"

PeriodEnd="1/1/2011 00:00:10"

VisiblePeriodStart="1/1/2011 00:00:00"

VisiblePeriodEnd="1/1/2011 00:00:10"

SelectionStart="1/1/2011 00:00:00"

SelectionEnd="1/1/2011 00:00:10"

IsSnapToIntervalEnabled="True"

>

<telerik:RadTimeBar.Intervals>

<telerik:MinuteInterval IntervalSpans="1"/>

<telerik:SecondInterval IntervalSpans="1"/>

<telerik:MillisecondInterval IntervalSpans="4, 16, 32, 64"/>

</telerik:RadTimeBar.Intervals>

</telerik:RadTimeBar>

But with a period of 1 second, I can zoom down to 4 mSec:

<telerik:RadTimeBar x:Name="xRadTimeBar" Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="1"

PeriodStart="1/1/2011 00:00:00"

PeriodEnd="1/1/2011 00:00:01"

VisiblePeriodStart="1/1/2011 00:00:00"

VisiblePeriodEnd="1/1/2011 00:00:01"

SelectionStart="1/1/2011 00:00:00"

SelectionEnd="1/1/2011 00:00:01"

IsSnapToIntervalEnabled="True"

>

<telerik:RadTimeBar.Intervals>

<telerik:MinuteInterval IntervalSpans="1"/>

<telerik:SecondInterval IntervalSpans="1"/>

<telerik:MillisecondInterval IntervalSpans="4, 16, 32, 64"/>

</telerik:RadTimeBar.Intervals>

</telerik:RadTimeBar>

Maybe I am not using the control correctly... but if I am, it seem to me that zooming into mSec from a period greater than a few seconds is not supported. Is that correct?

Changes to the VisiblePeriod values appears to make no difference, the final granularity appears to be tied to the PeriodStart/End values.

Usage advice greatly appreciated!

Thanks,
Mike

TimeLine

answered on 09 Sep 2013