Questions on UI for WPF Forum

5 answers

387 views

Hi,

i'm looking for a working RadDataForm Validation Example. I use a RadDataForm with a newItemTemplate and some DataFormDataFields.But how can i validate this fields bound to a ObservableCollection?

I like this red border with the little red box beside! No example ist helping me
Thanks for helping me!

BestRegards
rene

DataForm

answered on 10 Sep 2013

0 answers

55 views

GroupHaderResource disable/enable

Hi,

for my scheduleview i create "GroupHaderResources" out of a database. These resources are employees and each employee is one group.
Grouping and filtering is running fine. if I create an appointment I set the group in my appointment dialog, ok. But is it possible to disable some
groups out of the grouphaderresource on entering the appointment dialog?

Thanks Regards
Rene

ScheduleView

asked on 10 Sep 2013

8 answers

323 views

How to implement a custom layout algorithm?

We need to create a custom layout algorithm class to be used for laying out nodes. I suppose a certain class needs to be derived, adding necessary logic to handle events such as "new level" etc. Do you have a sample app that demonstrates this technique?

The major reason for our need for a custom layout algorithm is that your algorithms fail for most trees when using custom nodes. It's usually something like 90% correct, but that 10% looks really awful.

More about this issue here:
http://www.telerik.com/community/forums/wpf/diagram/treedown-layout-not-working-for-custom-nodes.aspx

This is what we have now:

var layoutSettings = new TreeLayoutSettings()

{

TreeLayoutType = Telerik.Windows.Diagrams.Core.TreeLayoutType.TreeDown,

HorizontalSeparation = 50d,

UnderneathVerticalTopOffset = 50d,

UnderneathHorizontalOffset = 80d,

ComponentsGridWidth = 2000d,

UnderneathVerticalSeparation = 100,

AnimateTransitions = true

};

this.treeLayout.Layout(this.diagram, layoutSettings);

Result: See treedown.png.
Wanted: See treedown_extended.png

UPDATE: Why not just give us the source code of TreeLayout.cs. That would help a lot!

Diagram

answered on 10 Sep 2013

1 answer

166 views

OrgChart Structure?

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

353 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

381 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

157 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

322 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

80 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

75 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