Questions on UI for WPF Forum

2 answers

249 views

[Solved] Horizontal Scrolling changes Column Widths

I'm using GridView version 2011.3.1116.40.

<telerik:RadGridView ItemsSource="{Binding Jobs}" AutoGenerateColumns="False" ShowInsertRow="False"

IsReadOnly="False" CanUserDeleteRows="False" CanUserFreezeColumns="True"

CanUserInsertRows="False" CanUserReorderColumns="True" CanUserSelect="True"

RowIndicatorVisibility="Collapsed" Margin="0,0,0,-12" >

<telerik:RadGridView.RowDetailsTemplate>

<DataTemplate>

<telerik:RadTabControl TabStripPlacement="Left" TabOrientation="Vertical">

<telerik:RadTabItem Header="History">

<telerik:RadGridView ItemsSource="{Binding History}" AutoGenerateColumns="False" ShowGroupPanel="False" ShowInsertRow="False" IsReadOnly="True">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Name="ActionDate" DataMemberBinding="{Binding ActionDate}" Header="Date" DataFormatString="{} {0:D}" />

<telerik:GridViewDataColumn Name="ActionTime" DataMemberBinding="{Binding ActionTime}" Header="Time" />

<telerik:GridViewComboBoxColumn ItemsSource="{Binding RelativeSource={RelativeSource AncestorType=Page}, Path=DataContext.Users}"

SelectedValueMemberPath="OID"

DataMemberBinding="{Binding UserInitiator}"

DisplayMemberPath="FullName"

Header="Name"

IsComboBoxEditable="False" />

<telerik:GridViewComboBoxColumn DisplayMemberPath=""

ItemsSource="{Binding Source={StaticResource historyEventType}}"

DataMemberBinding="{Binding HistoryType}"

Header="Action"

IsComboBoxEditable="False" />

<telerik:GridViewDataColumn Name="Reason" DataMemberBinding="{Binding ReasonDescription}" Header="Reason" DataFormatString="{} {0:D}" />

<telerik:GridViewDataColumn DataMemberBinding="{Binding Notes}" Header="Notes"/>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</telerik:RadTabItem>

</telerik:RadTabControl>

</DataTemplate>

</telerik:RadGridView.RowDetailsTemplate>

<telerik:RadGridView.Columns>

<telerik:GridViewToggleRowDetailsColumn ExpandMode="Single" />

<telerik:GridViewDataColumn DataMemberBinding="{Binding FeederSourceName}" Header="Feeder Source" IsReadOnly="True"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding NPSOffenceDescription}" Header="Offence Code" IsReadOnly="True"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding NPSLocation}" Header="Location" IsReadOnly="True"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding VRM}" Header="VRM" IsReadOnly="True"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding NPSMakeModel}" Header="Make/Model" IsReadOnly="True"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding TimeStampDate}" Header="Offence Date" DataFormatString="{} {0:D}" IsReadOnly="True"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding TimeStampTime}" Header="Offence Time" IsReadOnly="True"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding ProcessedDatePart}" Header="Input Date" DataFormatString="{} {0:D}" IsReadOnly="True"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding ProcessedTimePart}" Header="Input Time" IsReadOnly="True" />

<telerik:GridViewDataColumn DataMemberBinding="{Binding Status}" Header="Status" IsReadOnly="True" />

<telerik:GridViewComboBoxColumn ItemsSource="{Binding RelativeSource={RelativeSource AncestorType=Page}, Path=DataContext.Queues}"

SelectedValueMemberPath="OID"

IsReadOnly =

"{Binding RelativeSource={RelativeSource AncestorType=Page}, Path=DataContext.CanChangeJobQueue, Converter={StaticResource NotConverter}}"

DataMemberBinding="{Binding Queue!Key}"

DisplayMemberPath="Name"

Header="Assign To Queue"

IsComboBoxEditable="True"/>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

When a page is initally loaded, my column widths are fine and default to that of the longest value. The grid is too wide for the page so I can scroll it horizontally.

If I use the thumb on the scroll bar to move right 'slowly' then the widths are preserved (see attachment 'small scroll to right'). However, if I scroll to the right more aggresively using the scroll bars 'Large Change' value then the width of the columns on the right all seem to expand to match a common denominator that I don't want (see attachment 'large scroll to right').

Is there a property I can set on the grid or columns to stop this automatic resizing? Thanks for your time!

Paul

GridView

answered on 06 Dec 2011

3 answers

134 views

Zooming and Scrolling Bug on ScrollOnly

Hi,
We are trying to use Scrolling and zooming with external buttons as in provided example of the chart. We are in need to disable zooming from chart for this we make scrollmode="ScrollOnly" and enabled the zooming with external button. Now zooming is working fine but chart do not show scroll navigtion tab.

For this purpose we just checked the provided example and it is also not working there.

Old working code showing scroll tab

<telerik:ZoomScrollSettings ScrollMode="ScrollAndZoom" MinZoomRange="0.005"/>

Changed code do not show Scroll Tab

<telerik:ZoomScrollSettings ScrollMode="ScrollOnly" MinZoomRange="0.005"/>

Please refer to attached screen.
Thanks

Chart

answered on 06 Dec 2011

1 answer

47 views

Explorer-style click and drag item selection

Hi,

With the TileView is there a way of selecting multiple items the same way as selecting files in Windows Explorer - by clicking in the whitespace around items and dragging a box to highlight some items inside?

Thanks

TileView

answered on 06 Dec 2011

2 answers

187 views

LegendLabel Bind Problem.

We are tying two bind Chart Series dynamically based on selected cell of above grid. Everything is working fine except LegendLabel is coming "Series0" and Series1. I see here that legend label is coming right if we bind our viewmodel statically in xaml but if we assign viewmodel as DataContext through code then legend label does not work.
Here is my code how I am doing.

MacroVal.MacroValCoorelation view = new MacroVal.MacroValCoorelation();

view.DataContext = new MacroVal.MacroValCoorelationViewModel(processor);  //here I have to pass one input parameter in view model

view.showDialog()

Now my chart on view is like this

<telerik:RadChart Name="radChart1" ItemsSource="{Binding CorrelationChartData}" Grid.Row="2" BorderThickness="0" BorderBrush="Transparent">

<telerik:RadChart.SamplingSettings>

<telerik:SamplingSettings SamplingThreshold="400" />

</telerik:RadChart.SamplingSettings>

<telerik:RadChart.DefaultView>

<telerik:ChartDefaultView ChartLegendPosition="Bottom">

<telerik:ChartDefaultView.ChartLegend>

<telerik:ChartLegend x:Name="chartLegend" Header="" UseAutoGeneratedItems="True" Background="Transparent" BorderThickness="0">

</telerik:ChartLegend>

</telerik:ChartDefaultView.ChartLegend>

<telerik:ChartDefaultView.ChartArea>

<telerik:ChartArea LegendName="chartLegend">

<telerik:ChartArea.AxisX>

<telerik:AxisX DefaultLabelFormat="M/d/yy" LabelRotationAngle="90">

</telerik:AxisX>

</telerik:ChartArea.AxisX>

</telerik:ChartArea>

</telerik:ChartDefaultView.ChartArea>

</telerik:ChartDefaultView>

</telerik:RadChart.DefaultView>

<telerik:RadChart.SeriesMappings>

<telerik:SeriesMapping LegendLabel="{Binding CurrentIndicatorName}">

<telerik:SeriesMapping.SeriesDefinition>

<telerik:LineSeriesDefinition ShowItemLabels="False" ShowPointMarks="False" LegendDisplayMode="SeriesLabel">

</telerik:LineSeriesDefinition>

</telerik:SeriesMapping.SeriesDefinition>

<telerik:SeriesMapping.ItemMappings>

<telerik:ItemMapping DataPointMember="XValue"

FieldName="Date" />

<telerik:ItemMapping DataPointMember="YValue"

FieldName="Value1" />

</telerik:SeriesMapping.ItemMappings>

</telerik:SeriesMapping>

<telerik:SeriesMapping LegendLabel="{Binding PreIndicatorName}">

<telerik:SeriesMapping.SeriesDefinition>

<telerik:LineSeriesDefinition ShowItemLabels="False" ShowPointMarks="False" LegendDisplayMode="SeriesLabel" />

</telerik:SeriesMapping.SeriesDefinition>

<telerik:SeriesMapping.ItemMappings>

<telerik:ItemMapping DataPointMember="XValue"

FieldName="Date" />

<telerik:ItemMapping DataPointMember="YValue"

FieldName="Value2" />

</telerik:SeriesMapping.ItemMappings>

</telerik:SeriesMapping>

</telerik:RadChart.SeriesMappings>

</telerik:RadChart>

And here is my ViewModel Properties.

public List<LOB.DateValuesChartData> CorrelationChartData

{

get

{

return _ChartData;

}

public string CurrentIndicatorName { get { return _CurIndicatorName; } }

public string PreIndicatorName { get { return _PrevIndicatorName; } }

Chart

answered on 06 Dec 2011

5 answers

259 views

ContextMenu For Expand/Collapse/Find

Hello,
I would like to implement a context menu for all my application treeviews that allow users to ExpandAll, CollapseAll and Find text into nodes.
For example, manage a style in the ressource dictionnary that looks like this :

<Style x:Key="StyleTreeViewWithContextMenu" TargetType="{x:Type telerik:RadTreeView}">

<Setter Property="ContextMenu">

<Setter.Value>

<telerik:RadContextMenu>

<telerik:RadMenuItem Header="Déployer tout" />

<telerik:RadMenuItem Header="Replier tout" />

<telerik:RadMenuItem Header="Trouver" />

</telerik:RadContextMenu>

</Setter.Value>

</Setter>

</Style>

How can I implement the actions of menuItems in order to apply this style on my treeviews?

Could you put me on track ?

Thanks in advance.
Olivier.

TreeView

answered on 06 Dec 2011

8 answers

154 views

[Solved] RadGridView.Export() doesn't export columns of type GridViewExpressionColumn

Hi,

I've got a simple RadGridView showing an ObservableCollection<> which is bound at run-time as the user can select which type to load. On the same grid I let my users dynamically create expression columns. All works fine and as expected excepting for the Export() function which doesn't seem to include any columns of type GridViewExpressionColumn.

This is how I create the columns at run-time:

var column = new GridViewExpressionColumn();

column.Expression = **some LINQ expression here**

column.UniqueName = field.Name;

var btnExpressionColumn = new RadButton();

column.Header = btnExpressionColumn;

btnExpressionColumn.Content = field.Name;

btnExpressionColumn.Click += new RoutedEventHandler(btnExpressionColumn_Click);

gridView.Columns.Add(column);

And this is how I export the grid:

using (Stream stream = dialog.OpenFile())

{

gridView.Export(stream,

new GridViewCsvExportOptions()

{

Format = ExportFormat.Csv,

ShowColumnHeaders = true,

ShowColumnFooters = true,

ShowGroupFooters = false,

});

}

Please advise on how to solve this problem.

Thanks

GridView

answered on 06 Dec 2011

1 answer

152 views

Overriding EditorTemplate does not support TextWrapping

Hi

I want to have a textbox property in the property grid that supports multiple lines. I have overridden the EditorTemplate as follows:

<telerik:PropertyDefinition Binding="{Binding Description}" DisplayName="Description">

<telerik:PropertyDefinition.EditorTemplate>

<DataTemplate>

<TextBox Text="{Binding Description, Mode=TwoWay}" TextWrapping="Wrap" VerticalScrollBarVisibility="Visible" AcceptsReturn="true" />

</DataTemplate>

</telerik:PropertyDefinition.EditorTemplate>

</telerik:PropertyDefinition>

When I run the code the long text does not wrap as expected.

PropertyGrid

answered on 06 Dec 2011

3 answers

139 views

Strange DateTime behaviour

Hi,

I have a chart with multiple series on it, representing time (x) vs speed (y) The 1st is supposed to span the entire length of the 'shift' and be drawn at 100 (%). The other series (there maybe many) will have points in between the 1st series' start and end time. However, when I do the data binding I get some strange visual results. The time line goes from e.g. 15:00:00 to 15:09:00 to 15:00:01, 15:00:02, etc.
It looks like the chart does not take into account that it's actually the same timespan for both series. I can supply the sample application if required. Any help would be appreciated.

Thanks!

Chart

answered on 06 Dec 2011

5 answers

156 views

Docking a chart grid.

Hi there.
Just started evaluating the product but am unable to quickly figure out how to make a chart dockable. Can someone direct me to the correct implementation please.

Maurice

Docking

answered on 06 Dec 2011

3 answers

151 views

2 PieCharts & 1 Legend with additional data (oh my!)

I'm a bit confused on what my options would be for accomplishing the following:

Basically, I need 2 piecharts with 1 legend, and the additional data fields associated with the legend items you see in the pic. The 2 charts and legend must all have the same colors for the data/series items.

I've read previous posts about specifying colors for the chart legend and series mappings by creating palettes and doing codebehind to assign colors to both series items and legend items manually. However, I'm not sure if either of these fit with what I'm tasked to do.
I'm not sure if I can add additional data in the legend (i've seen that there is a legend controltemplate but not a datatemplate) via templating or adding a gridview control to it. If i can't inject additional data into the legend, is there a way i can bind to the pie item colors?

Any advice would be appreciated. Thanks.

Chart

answered on 06 Dec 2011