Questions on UI for WPF Forum

5 answers

342 views

Hello,

I tried every which way to get the background transparent. I like the Black Office Headers. I have the foreground white. For some reason the backgound is still white

Any thoughts>?

Thanks
Rick Mueller

GridView

answered on 03 Sep 2010

0 answers

186 views

Editable Textbox in ListView

Hi,

I'm looking for a ListView of [Textbox + Checkbox] Items
But i can't find any Telerik listview component.

I need to have my TextBox Editable on double click event on the Item..
I can't do this with the basic ListView.

Do you have any component to achieve this purpose ?

Thank you.

General Discussions

asked on 03 Sep 2010

6 answers

322 views

Editing gridviewcomboboxcolumn

Hi,

I am having a scenario that I need to enter a new value to the field or select a existing value in the combo box. On change of the cell selection I need to insert or update the value in the database.

The issue is

Im able to enter new value to the combobox ,But when I selecting the adjacent cell of the same edited row after editing, the entered value disappears.But When I selecting a cell other than the edited row then Im able to get the changes as required.

Thank you in advance

GridView

answered on 03 Sep 2010

1 answer

170 views

CustomTickMark problem

Hi,

I have a linear gauge with two linear scales. One scale has a range list and a bar indicator, and the other one has a marker indicator and two custom tick marks. The problem is that I don't know how to create the custom tick marks. What I need is two simple rectangular tick marks, one red and the other yellow.
To get started, I tried to use an example from another thread, one with °C label, but i keep getting the following error:

System.Windows.Data Error: 25 : ItemTemplate and ItemTemplateSelector are not valid for item.; Type='CustomTickMark'

The code with °C label is posted below.

<control:RadGauge MaxWidth="100"
                                          telerikControls:StyleManager.Theme="Windows7"
                                          BorderThickness="0"
                                          BorderBrush="Transparent"
                                          VerticalAlignment="Stretch"
                                          Height="Auto"
                                          Grid.Row="0"
                                          Grid.Column="0"
                                          Margin="5"
                                          x:Name="radGauge">
                            <telerik:LinearGauge Height="Auto"
                                                 Grid.Row="0"
                                                 Grid.Column="0"
                                                 x:Name="LinearGaugeDay">
                                <telerik:LinearScale x:Name="linearScaleDay"
                                                     Min="0"
                                                     Max="{Binding Path=MaximumProductivity}"
                                                     MajorTicks="1"
                                                     MiddleTicks="10"
                                                     MinorTicks="1"
                                                     Left="0.5"
                                                     Top="0.1"
                                                     RelativeHeight="0.81"
                                                     FontSize="9">

                                    <telerik:LinearScale.MajorTick>
                                        <telerik:MajorTickProperties Location="OverCenter"
                                                                     x:Name="MajorTickProperties0" />
                                    </telerik:LinearScale.MajorTick>
                                    <telerik:LinearScale.MiddleTick>
                                        <telerik:MiddleTickProperties Location="OverCenter"
                                                                      Length="0.07"
                                                                      x:Name="MiddleTickProperties0" />
                                    </telerik:LinearScale.MiddleTick>
                                    <telerik:LinearScale.MinorTick>
                                        <telerik:MinorTickProperties Location="OverCenter"
                                                                     Length="0.055"
                                                                     x:Name="MinorTickProperties0" />
                                    </telerik:LinearScale.MinorTick>

                                    <telerik:LinearScale.Label>
                                        <telerik:LabelProperties x:Name="LabelRightx0"
                                                                 FontSize="12"
                                                                 FontFamily="Arial"
                                                                 Foreground="White"
                                                                 Offset="0.02"
                                                                 Location="Inside" />
                                    </telerik:LinearScale.Label>

                                    <telerik:RangeList x:Name="RangeList0">
                                        <telerik:LinearRange Min="0"
                                                             Max="{Binding Path=MinimumProductivity}"
                                                             StartWidth="0.02"
                                                             EndWidth="0.02"
                                                             Location="Inside"
                                                             Style="{StaticResource RangePalette_Red}"
                                                             x:Name="LinearRange0" />
                                        <telerik:LinearRange Min="{Binding Path=MinimumProductivity}"
                                                             Max="{Binding Path=MediumProductivity}"
                                                             StartWidth="0.02"
                                                             EndWidth="0.02"
                                                             Location="Inside"
                                                             Style="{StaticResource RangePalette_Yellow}"
                                                             x:Name="LinearRange1" />
                                        <telerik:LinearRange Min="{Binding Path=MediumProductivity}"
                                                             Max="{Binding Path=MaximumProductivity}"
                                                             StartWidth="0.02"
                                                             EndWidth="0.02"
                                                             Location="Inside"
                                                             Style="{StaticResource RangePalette_Green}"
                                                             x:Name="LinearRange2" />
                                    </telerik:RangeList>


                                    <telerik:IndicatorList x:Name="IndicatorList0">
                                        <telerik:LinearBar Name="linearBar1"
                                                           Value="{Binding Path=DayProductivity}"
                                                           StartWidth="0.04"
                                                           EndWidth="0.04"
                                                           Location="OverCenter"
                                                           UseRangeColor="True"
                                                           IsAnimated="True" />

                                    </telerik:IndicatorList>
                                </telerik:LinearScale>

                                <telerik:LinearScale x:Name="linearScaleDayLeft"
                                                     Min="0"
                                                     Max="{Binding Path=MaximumProductivity}"
                                                     MajorTicks="10"
                                                     MiddleTicks="0"
                                                     MinorTicks="0"
                                                     Left="0.5"
                                                     Top="0.1"
                                                     RelativeHeight="0.81"
                                                     FontSize="9">
                                    <telerik:LinearScale.MajorTick>
                                        <telerik:MajorTickProperties Location="OverCenter"
                                                                     x:Name="MajorTickProperties1" />
                                    </telerik:LinearScale.MajorTick>
                                    <telerik:LinearScale.MiddleTick>
                                        <telerik:MiddleTickProperties Location="OverCenter"
                                                                      Length="0.07"
                                                                      x:Name="MiddleTickProperties1" />
                                    </telerik:LinearScale.MiddleTick>
                                    <telerik:LinearScale.MinorTick>
                                        <telerik:MinorTickProperties Location="OverCenter"
                                                                     Length="0.055"
                                                                     x:Name="MinorTickProperties1" />
                                    </telerik:LinearScale.MinorTick>

                                    <telerik:LinearScale.Label>
                                        <telerik:LabelProperties x:Name="LabelLeftx0"
                                                                 Offset="0.02"
                                                                 Location="Outside" />
                                    </telerik:LinearScale.Label>

                                    <telerik:TickList>
                                        <telerik:CustomTickMark Value="-7"
                                                                Location="Inside"
                                                                Offset="-0.02">
                                            <telerik:CustomTickMark.Template>
                                                <ControlTemplate>
                                                    <ContentPresenter>
                                                        <ContentPresenter.Content>
                                                            <Canvas>
                                                                <TextBlock HorizontalAlignment="Center"
                                                                           FontWeight="Bold"
                                                                           FontSize="14"
                                                                           Foreground="White"
                                                                           Text="°C" />
                                                            </Canvas>
                                                        </ContentPresenter.Content>
                                                    </ContentPresenter>
                                                </ControlTemplate>
                                            </telerik:CustomTickMark.Template>
                                            <telerik:CustomTickMark.ItemTemplate>
                                                <DataTemplate />
                                            </telerik:CustomTickMark.ItemTemplate>
                                        </telerik:CustomTickMark>
                                    </telerik:TickList>



                                    <telerik:IndicatorList x:Name="IndicatorList1">
                                        <telerik:Marker x:Name="gauge_marker_Day"
                                                        RelativeHeight="0.04"
                                                        RelativeWidth="0.04"
                                                        FontSize="12"
                                                        FontFamily="Arial"
                                                        Foreground="White"
                                                        Offset="0.02"
                                                        Location="CenterOutside"
                                                        IsAnimated="True"
                                                        Value="{Binding Path=DayProductivity}">
                                        </telerik:Marker>
                                    </telerik:IndicatorList>
                                </telerik:LinearScale>

                            </telerik:LinearGauge>
                        </control:RadGauge>

What am I doing wrong? Do you have any suggestions for this?

Regards,
Ali

Gauges

answered on 03 Sep 2010

2 answers

121 views

Bind to list of rows with list of cells, and custom cell templates.

In our scenario the data structure we need to bind to looks something like this (simplified):

public interface IEvent

{

ObservableCollection<IRow> Rows { get; }

ObservableCollection<IColumn> Columns { get; }

}

public interface IColumn

{

DataTemplate Template { get; }

}

public interface IRow

{

ObservableCollection<ICell> Cells { get; }

}

public interface ICell

{

string Value { get; }

}

The IEvent is the DataContext for the grid.

From what I can tell this scenario isn't supported through XAML, so I'm building up the grid with its list of columns in code-behind. I can set up the DataMemberBinding for each column to something like this:

column.DataMemberBinding = new Binding("Cells[" + columnIndex + "].Value");

It's not ideal, but it works correctly and I get the ICell's value in the cell on the grid. Now I want to use a custom DataTemplate for each column. This is where I am struggling to find a neat solution.

Let's say we have a type implementing ICell that exposes some extra information:

public class CustomCell : ICell

{

public string Value { get; }

public string CustomData { get; set; }

}

Let's also assume this is implementing INotifyPropertyChanged. My custom DataTemplate for a cell might look something like this:

<StackPanel>

<TextBlock Text="{Binding Value}" FontWeight="Bold" Foreground="Green" />

<TextBlock Text="{Binding CustomData}" FontWeight="Bold" Foreground="Red" />

</StackPanel>

But this won't work because the data context for the template is the IRow, not the ICell. I think can't create a template based on the IRow because the template doesn't know the column index:

<StackPanel>

<TextBlock Text="{Binding Cells[???].Value}" FontWeight="Bold" Foreground="Green" />

<TextBlock Text="{Binding Cells[???].CustomData}" FontWeight="Bold" Foreground="Red" />

</StackPanel>

This is where I'm getting a bit stuck. Is there a way to achieve what I want with RadGridView? We can change our data structures if necessary.

To give a bit of background, each column is defined by an add-in and the add-in also provides the DataTemplate for its data. This is why the columns need to be defined at run time and the template is concerned about the cell and not the entire row.

Thanks,
James.

GridView

answered on 03 Sep 2010

4 answers

102 views

Adding a common behaviour to cells/items

Hi,

I'm using Blend and i would like to add a built-in xaml based behaviour to independent items of the grid, like the "play sound" behaviour for a clicked cell.

How can i implement that with a datagrid binded to a XML file ? Is there even a way to do that ?

thanks for any information
.

GridView

answered on 03 Sep 2010

5 answers

203 views

Make Child Grids Group Together

Hello,

I'm not sure how to go about this. I'd like my child Grids to group together, by that i mean I would like it when one is gouped by a specified value i'd like each GridView bound to that DataTemplate to group as well. I'm just not sure where to get started.

below is an example of my RadGridView.

<telerik:RadGridView x:Name="rgv" AutoGenerateColumns="False" RccControls:GridViewHeaderContextMenu.IsEnabled="True" >

<telerik:RadGridView.ChildTableDefinitions>

<telerik:GridViewTableDefinition />

</telerik:RadGridView.ChildTableDefinitions>

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Value 1" DataMemberBinding="{Binding Path=Value1}" />

<telerik:GridViewDataColumn Header="Value 2" DataMemberBinding="{Binding Path=Value2}" />

</telerik:RadGridView.Columns>

<telerik:RadGridView.HierarchyChildTemplate>

<DataTemplate>

<telerik:RadGridView

CanUserFreezeColumns="False"

AutoGenerateColumns="False"

ItemsSource="{Binding ChildItems}"

IsReadOnly="True"

RccControls:GridViewHeaderContextMenu.IsEnabled="True"

Grouped="RadGridView_Grouped">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn DataMemberBinding="{Binding ChildValue1}" Header="Child Value 1" />

<telerik:GridViewDataColumn DataMemberBinding="{Binding ChildValue2}" Header="Child Value 2" />

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</DataTemplate>

</telerik:RadGridView.HierarchyChildTemplate>

</telerik:RadGridView>

Any suggestions or a starting point would be great.

Thanks Again,
~Boots

GridView

answered on 03 Sep 2010

4 answers

720 views

Two-Way Databinding with RadGridView

Hi guys,

I'm using the MVVM pattern and I've got my RadGridView bound to a BindingList of business objects, within the business objects there are various strings and a binding list of decimals. Below is a stripped down version of the set up I have:

public class ARow
{
string column1;
string column2;
BindingList<decimal> values;
}

BindingList<ARow> allRows;

XAML:
<telerik:RadGridView ItemsSource = "{Binding allRows, Mode=TwoWay}">

The columns are manually added and have two way binding set up in the code behind.

I would like to implement two way data binding whereby changes to values in the BindingList<decimal> values will be reflected in the grid itself. I am able to successfully change the underlying data source however this is not reflected in the grid itself.

I have also tried, instead of using "decimal" using a custom class "ValueObject" I created which contains a decimal property as follows, but to no avail. The code is as follows:

public class ValueObject : INotifyPropertyChanged
{
    _private decimal _value;
    public decimal Value
    {
        get { return _value; } set { _value = value; OnPropertyChanged("Value"); }
    }
}

Any help would be great!

Cheers,

Tim.

GridView

answered on 03 Sep 2010

1 answer

945 views

Formatting Percentages

2010 Q2 SP1
I have the following XAML which formats the value of a number to a %. So .25 will display 25%. However when the value is 0 it just shows % with no numbers. I want it to display 0%. How do I format it so that I will get my desired result?

<telerik:GridViewDataColumn Width="70" IsReadOnly="True" Header="Fit Plus" DataMemberBinding="{Binding FitPercentage}" DataFormatString="{}{0:#%}">

Thanks,

Billy Jacobs

GridView

answered on 03 Sep 2010

4 answers

220 views

RadWindow and CustomTemplate

Hello,
May I ask for example how to create custom template for RadWindow.
I wont to create window with standard buttons and icons. I know how to do this using normal Window Class, but RadWindow is already templated. I saw template structure for RadWindow, but I need also working example.

Window

answered on 03 Sep 2010