Questions on UI for WPF Forum

8 answers

878 views

[Solved] How to add ColumnGroup in RadGridView.ColumnGroups at run time (from code behind)

The following XAML shows that I want to create ColumnGroups at run time same as like XAML code (which is following) based on business requirement which is not constant. How to do that in code behind I am unable to add. Please send me the code snippet.
=====================================================================================================

<Tele:RadGridView Name="RgvViewWorkforcePlan" GridLinesVisibility="Both" IsReadOnly="True" AutoGenerateColumns="False" VerticalAlignment="Stretch"
                              CanUserFreezeColumns="False" ShowGroupPanel="true" RowIndicatorVisibility="Collapsed" Width="Auto"
                              ScrollViewer.VerticalScrollBarVisibility="auto" ScrollViewer.CanContentScroll="True" ScrollViewer.HorizontalScrollBarVisibility="auto" SnapsToDevicePixels="False" VerticalContentAlignment="Top"
                              ItemsSource="{Binding TempGridData,Mode=OneWay}" CanUserResizeColumns="False"   SelectionMode="Single" SelectionUnit="FullRow" SelectedItem="{Binding SelectedGridItem,Mode=TwoWay}"
                              Background="#EAF3FC" >
                
                
                    <Tele:RadGridView.ColumnGroups>
                        <Tele:GridViewColumnGroup Name="MonthName1" >
                            <Tele:GridViewColumnGroup.HeaderTemplate>
                                <DataTemplate>
                                    <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Background="#EAF3FC" Name="grdcolumnHeader1" >
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="23"></RowDefinition>
                                        </Grid.RowDefinitions>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="*"></ColumnDefinition>
                                            <ColumnDefinition Width="Auto"></ColumnDefinition>
                                        </Grid.ColumnDefinitions>
                                        <Label Name="lblMonthName1" Grid.Row="0" Grid.Column="0" HorizontalAlignment="Stretch" HorizontalContentAlignment="Center" VerticalAlignment="Stretch" Padding="0" Margin="0,2,0,0" FontWeight="DemiBold"
                                              Content="{Binding Path=DataContext.MonthName1,RelativeSource={RelativeSource FindAncestor,AncestorType={x:Type Tele:GridViewDataControl}}}" ></Label>
                                         <StackPanel Grid.Row="0" Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Stretch" Width="Auto" Name="sPanel1"
                                                     Visibility="{Binding Path=DataContext.SPanel1,RelativeSource={RelativeSource FindAncestor,AncestorType={x:Type Tele:GridViewDataControl}}}">
                                            <Button Name="btnFirst" HorizontalAlignment="Center" VerticalAlignment="Center" Content="<<"/>
                                            <Button Name="btnPrevious" HorizontalAlignment="Center" VerticalAlignment="Center" Content="<"/>
                                            <Button Name="btnNext" HorizontalAlignment="Center" VerticalAlignment="Center" Content=">" Click="btnNext_Click"/>
                                            <Button Name="btnLast" HorizontalAlignment="Center" VerticalAlignment="Center" Content=">>"/>
                                        </StackPanel>
                                    </Grid>
                                </DataTemplate>
                            </Tele:GridViewColumnGroup.HeaderTemplate>
                        </Tele:GridViewColumnGroup>
                         </Tele:RadGridView.ColumnGroups>

Thanks

Laxman.

General Discussions

answered on 01 Oct 2012

1 answer

157 views

Blurry images in RadRichTextBoxRibbonUI

Hi!
I already read this post about how to fix the blurry images problem using the UseLayoutRounding property. However it seems that this property is not available when using RadRichTextBoxRibbonUI.
Is this true? Anything I can do?

RibbonView and RibbonWindow

answered on 01 Oct 2012

12 answers

1.0K+ views

Very simple example application with a RadGridView with Entity Framework and MVVM

Hello,
can anyone tell me where I can find a (very) simple example application with a RadGridView with select, insert, update and delete with the Entity Framework and maybe in an MVVM Environment.

Greetings Uwe

GridView

answered on 01 Oct 2012

5 answers

260 views

Customization of PDFViewer

We are looking for the following customization -
1. Removing the toolbar but extending the functionalities through command binding to buttons elsewhere in the application.
2. Change the UI look of the scroll bar used for the viewer.
3. Touch support for zooming/panning.

How much the existing control supports the above customization? I have learnt that you provide source code. Will it be possible to do them ourselves by modifying the code?

PDFViewer

answered on 01 Oct 2012

1 answer

171 views

DocumentInheritsDefaultStyleSettings disables the use of bold/italics in the ribbon

Hi!
I have a richtextbox on which I set DocumentInheritsDefaultStyleSettings ="true" so that the font of the text is uniform with the rest of my application, unless the users changes it using the editor.
However I see that the bold and italics functionality (using ribbon) do not work when this flag is set to true.
Why is that? How can I fix this?
Underline, changing font family or size work fine.

RichTextBox

answered on 01 Oct 2012

3 answers

255 views

Select Slot on double click

Hi,
is there a way to select a slot of ScheduleView on mouse double click instead of mouse right click?

How can i implement it?

Thanks,
Rob

ScheduleView

answered on 01 Oct 2012

5 answers

462 views

RadPieChart Display Issue

Hello,

I have a RadPieChart which not displaying the slices correctly when one slice is 100% and the other is 0%. No color is being applied to the 100%. I am using a converter to color each slice a specific color but the converter is not getting called.

Note -- it works fine for all other variations of values.

<chart:RadPieChart Palette="{Binding Palette}" Height="{Binding Path=PieChartHeight}" Width="{Binding Path=PieChartWidth}"

>

<chart:RadPieChart.Behaviors>

<chartView:ChartTooltipBehavior Placement="Mouse" HorizontalOffset="0" VerticalOffset="-1" />

</chart:RadPieChart.Behaviors>

<chart:RadPieChart.TooltipTemplate>

<DataTemplate>

<Grid>

<Path Data="M-1236,-441 L-1180,-441 -1180,-424 -1228,-424 -1236,-424 z"

Stretch="Fill" Fill="White" Stroke="Gray" StrokeThickness="1" />

<StackPanel Margin="4,3,4,9" >

<TextBlock Text="{Binding Value}" FontFamily="Segoe UI" />

</StackPanel>

</Grid>

</DataTemplate>

</chart:RadPieChart.TooltipTemplate>

<chartView:PieSeries ValueBinding="Value" ItemsSource="{Binding DataPoints}"

RadiusFactor="0.77"

>

<chartView:PieSeries.LabelDefinitions>

<chartView:ChartSeriesLabelDefinition Margin="-30,0,0,0" />

</chartView:PieSeries.LabelDefinitions>

<chartView:PieSeries.AngleRange>

<charting:AngleRange StartAngle="10" SweepAngle="360" />

</chartView:PieSeries.AngleRange>

<chartView:PieSeries.SliceStyles>

<Style TargetType="Path">

<Setter Property="Stroke" Value="Gray"/>

<Setter Property="StrokeThickness" Value="1"/>

<Setter Property="Fill" Value="{Binding Converter={StaticResource pieChartSliceToColorConverter}, ConverterParameter=0}"/>

</Style>

<Style TargetType="Path">

<Setter Property="Stroke" Value="Gray"/>

<Setter Property="StrokeThickness" Value="1"/>

<Setter Property="Fill" Value="{Binding Converter={StaticResource pieChartSliceToColorConverter}, ConverterParameter=1}"/>

</Style>

<Style TargetType="Path">

<Setter Property="Stroke" Value="Gray"/>

<Setter Property="StrokeThickness" Value="1"/>

<Setter Property="Fill" Value="{Binding Converter={StaticResource pieChartSliceToColorConverter}, ConverterParameter=2}"/>

</Style>

</chartView:PieSeries.SliceStyles>

</chartView:PieSeries>

</chart:RadPieChart>

Any help would be apprecieated.

Thanks,

Tracy Jenkins

ChartView

answered on 01 Oct 2012

0 answers

108 views

GridView Performance

Hallo,

I got problems with the GridView performance.

I have a simple WPF Application with one GridView and one refresh button. The GridView has 4 columns and 100 rows. The ItemsSource of the GridView is an Observable Collection of the type RowViewModel. RowViewModel has 4 properties (1 DateTime and 3 strings). When I push the refresh button, the ItemsSource is cleared and filled again with different objects. On my machine thit takes about 800 to 1000 ms. Here is the XAML code:

<Grid>

<telerik:RadGridView

HorizontalAlignment="Left"

Name="radGridView1"

VerticalAlignment="Top"

Height="561" Width="546">

</telerik:RadGridView>

<telerik:RadButton Content="Refresh" Height="23" HorizontalAlignment="Left" Margin="646,152,0,0" Name="radButton1" VerticalAlignment="Top" Width="75" Click="radButton1_Click" />

</Grid>

And here is the code behind:

private const int RowCount = 100;

private int _counter = 0;

private readonly string[] _codes = new [] {"Code Blue", "Code Orange", "Code Yellow", "Code Cyan"};

public MainWindow()

{

InitializeComponent();

CreateRowViewModels();

}

public ObservableCollection<RowViewModel> Rows { get; set; }

private void CreateRowViewModels()

{

if (Rows == null)

{

Rows = new ObservableCollection<RowViewModel>();

radGridView1.ItemsSource = Rows;

}

DateTime d;

string name;

if (_counter % 2 == 0)

{

d = new DateTime(2012, 1, 1);

name = "Mr. Black";

}

else

{

d = new DateTime(2012, 6, 1);

name = "Mr. White";

}

Rows.Clear();

for (var i = 0; i < RowCount; i++)

{

var row = new RowViewModel

{

Name = name + " " + (i + 1),

Date = d,

Code = _codes[i % 4],

Error = ""

};

Rows.Add(row);

}

_counter++;

}

private void radButton1_Click(object sender, RoutedEventArgs e)

{

CreateRowViewModels();

}

Nothing special here, why does it take about 1 second to refresh the ItemsSource collection?

Thank you for the help,

Eugen

GridView

asked on 30 Sep 2012

0 answers

99 views

Problem in flow direction when value is right to left

Hi,,,
I have demo version of Telerik and i used Scheduler view, when I change value of flow direction ,right to left , of my windows, and when I drag a inserted appointment, it does `t normally drag ,

What can I do for fix the problem?

Thanks a lot

PS : Please see the attachment for more detail.

ScheduleView

asked on 30 Sep 2012

5 answers

121 views

Show entire week without scrolling

Hi,

I'm using the TV Schedule example with it's group headers as a base and I need to show the entire week fir into a window without scrolling. I have set the visible days to 7, but I need to change the size / height of the group rows (dynamically if possible) so the the whole week will show without the user needing to scroll. I tried using a viewbox, but that looks ugly and stretched. What properties do I need to set to achieve this?

Thanks,
Geoffrey

ScheduleView

answered on 29 Sep 2012