Questions on UI for WPF Forum

1 answer

84 views

Hi

Just thought I'd make a suggestion for a new WPF control.

I not sure if there's a name for it already but basically its kind of a spinning progress indicator, to show the user that something is happening but it doesn't actually show progress. Like if you were loading data to the UI.

The best example I can think of is in Firefox when its loading a website. In the tab, there's a small circle of circles and each circle flashes around the main circle, whilst the page is being loaded.

I've already created something similar but it took me ages to get the animation (see attached).

Just being able to drop the control and set a few animation properties would have saved me several days work.

I think it would be popular.

General Discussions

answered on 10 May 2010

2 answers

127 views

Can not adjust the CarouselItem Height

Hi,

I have a carousel on a WPF page and it seems the Height of the CarouselItem does not allow me to set it above about 300 pixels. See my attached screen shot A and B.

I am setting the CarouselItem template using the following XAML:

    
                   <Style TargetType="{x:Type telerik:CarouselItem}">  
        
                        <Style.Resources> 
        
                            <loc:StaleTagValueConverter x:Key="TagStateConverter" /> 
        
                        </Style.Resources> 
        
                        <Setter Property="Width" Value="400" /> 
        
                        <Setter Property="Template" > 
        
                            <Setter.Value> 
        
                                <ControlTemplate TargetType="{x:Type telerik:CarouselItem}" > 
        
                                    <Border BorderBrush="Black" BorderThickness="1"  VerticalAlignment="Stretch"  CornerRadius="8" d:IsHidden="False">  
        
                                        <Border.Background> 
        
                                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">  
        
                                                <GradientStop Color="#FF38A4DE" Offset="1"/>  
        
                                                <GradientStop Color="#FFC4E9F8"/>  
        
                                            </LinearGradientBrush> 
        
                                        </Border.Background> 
        
                                        <Grid Margin="7" d:IsHidden="False">  
        
                                            <Grid.ColumnDefinitions> 
        
                                                <ColumnDefinition Width="0.415*"/>  
        
                                                <ColumnDefinition Width="0.585*"/>  
        
                                            </Grid.ColumnDefinitions> 
        
                                            <Grid.RowDefinitions> 
        
                                                <RowDefinition Height="0.768*"/>  
        
                                                <RowDefinition Height="0.232*"/>  
        
                                            </Grid.RowDefinitions> 
        
                                            <Border BorderThickness="1" Margin="0,0,0,8" Background="White" CornerRadius="0,0,3,3" Grid.ColumnSpan="2" d:IsHidden="False">  
        
                                                <Grid Margin="7" d:IsHidden="False">  
        
                                                    <Grid.ColumnDefinitions> 
        
                                                        <ColumnDefinition Width="0.542*"/>  
        
                                                        <ColumnDefinition Width="0.458*"/>  
        
                                                    </Grid.ColumnDefinitions> 
        
                                                    <Image Margin="8,7,4,8" Source="/Styles/Resources/circuit.jpg" Stretch="Fill" d:IsHidden="False"/>  
        
                                                    <StackPanel Grid.Column="1" Margin="8,4,0,4" d:IsHidden="False">  
        
                                                        <TextBlock Height="45" Margin="0" Style="{DynamicResource BasicTextBlock-Normal}" Foreground="Black" d:IsHidden="False"><Run Foreground="Gray" Text="Bin Location"/><LineBreak/><Run Text="Warehouse 1"/></TextBlock> 
        
                                                        <TextBlock Height="45" Margin="0,2,0,0" Style="{DynamicResource BasicTextBlock-Normal}" Foreground="Black" d:IsHidden="False"><Run Foreground="Gray" Text="Item"/><LineBreak/><Run Text="0101-0028"/></TextBlock> 
        
                                                        <TextBlock Height="45" Margin="0,2,0,0" Style="{DynamicResource BasicTextBlock-Normal}" Foreground="Black" d:IsHidden="False"><Run Foreground="Gray" Text="Serial"/><LineBreak/><Run Text="BABEFF01"/></TextBlock> 
        
                                                    </StackPanel> 
        
                                                </Grid> 
        
                                            </Border> 
        
                                            <Image Margin="4" Grid.Row="1" Source="/Styles/Resources/barcode_black.png" Stretch="Fill" Height="20" VerticalAlignment="Top" Grid.Column="1" HorizontalAlignment="Left" Width="170" d:IsHidden="False"/>  
        
                                            <TextBlock Margin="8,32,8,8" Grid.Row="1" Style="{DynamicResource BasicTextBlock-Normal}" Text="E2000900002005011523602991" Foreground="Black" Grid.ColumnSpan="2" d:LayoutOverrides="HorizontalAlignment" TextAlignment="Center" d:IsHidden="False"/>  
        
                                        </Grid> 
        
                                    </Border> 
        
                                </ControlTemplate> 
        
                            </Setter.Value> 
        
                        </Setter> 
        
                    </Style>

            Even if I set the Height property with this:

                               <Style TargetType="{x:Type telerik:CarouselItem}">  
                    
                                    <Style.Resources> 
                    
                                        <loc:StaleTagValueConverter x:Key="TagStateConverter" /> 
                    
                                    </Style.Resources> 
                    
                                    <Setter Property="Width" Value="400" /> 
                    
                                    <Setter Property="Height" Value="450" /> 
                    
                                    <Setter Property="Template" >

And set the main border inside the control template to this:

    
            <Setter Property="Template" > 
        
                            <Setter.Value> 
        
                                <ControlTemplate TargetType="{x:Type telerik:CarouselItem}" > 
        
                                    <Border BorderBrush="Black" BorderThickness="1"  VerticalAlignment="Stretch"  CornerRadius="8" d:IsHidden="False" Height="400">  
        
                                        <Border.Background> 
        
                                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">  
        
                                                <GradientStop Color="#FF38A4DE" Offset="1"/>

It still clips the content to what appears to be somewhere between 250 and 300 pixels.

How can I make the content template height larger to fit my content?

Thanks,
David Sandor

Carousel

answered on 10 May 2010

2 answers

172 views

check/uncheck all check-boxes in column

Hello!

I'm not sure what I'm missing here.

I have a RadGridView with the following structure:

                                <Controls:RadGridView x:Name="radGridView"         
                                              ScrollMode="RealTime"         
                                              ShowGroupPanel="False"         
                                              CanUserReorderColumns="False"         
                                              CanUserDeleteRows="False"         
                                              CanUserInsertRows="False"         
                                              Grid.Row="1"         
                                              ItemsSource="{Binding Metadata}"         
                                              AutoGenerateColumns="False"         
                                              ShipMonitoring:DataInfoHeaderMenu.IsEnabled="True">         
                            <Controls:RadGridView.Columns>         
                                <Controls:GridViewDataColumn DataMemberBinding="{Binding Name}"         
                                                             Header="Symbol"         
                                                             IsReadOnly="True" />         
                                <Controls:GridViewDataColumn DataMemberBinding="{Binding ClearName}"         
                                                             Header="Name"         
                                                             IsReadOnly="True" />         
                                <Controls:GridViewDataColumn DataMemberBinding="{Binding Description}"         
                                                             Header="Description"         
                                                             IsReadOnly="True" />         
                                <Controls:GridViewDataColumn DataMemberBinding="{Binding Source}"         
                                                             Header="Source"         
                                                             IsReadOnly="True" />         
                                <Controls:GridViewDataColumn DataMemberBinding="{Binding Unit}"         
                                                             Header="Unit"         
                                                             IsReadOnly="True" />         
                                <Controls:GridViewDataColumn DataMemberBinding="{Binding Category}"         
                                                             Header="Category"         
                                                             IsReadOnly="True" />         
                                <Controls:GridViewDataColumn Header="Select "         
                                                             IsReadOnly="True"         
                                                             DataMemberBinding="{Binding Used}">         
                                    <Controls:GridViewDataColumn.CellTemplate>         
                                        <DataTemplate>         
                                            <CheckBox IsChecked="{Binding Used, Mode=TwoWay}"         
                                                      HorizontalAlignment="Center"         
                                                      Checked="DataInfo_CheckedUnchecked"         
                                                      Unchecked="DataInfo_CheckedUnchecked" />         
                                        </DataTemplate>         
                                    </Controls:GridViewDataColumn.CellTemplate>         
                                </Controls:GridViewDataColumn>         
                            </Controls:RadGridView.Columns>         
                     
                        </Controls:RadGridView>         

the "Metadata" from binding represents a List<Metadata> where Metadata object has this "Used" field represented by a checkbox.

In DataInfoHeaderMenu I can choose to select or deselect all rows in the radGridView

I retrieve the metadata list from grid view

(List<Metadata>)radGridView , I iterate over it and set for each object Used = true.

the problem is that this should have as a result all check-boxes checked but id doesn't!

Please help!

Roxana

GridView

answered on 10 May 2010

5 answers

135 views

Drag Drop Between floating Windows in version 2010 Q1 Beta

Hi,
we updated to Telerik 2010 Q1 Beta, and now we can drag the floating window outside of the main window, but we no longer can drag and drop from one floating window into another or into the main window.
What should we do to make the drag and drop work between the windows.
Thanks
Nick

Docking

answered on 10 May 2010

1 answer

94 views

Drag on right click

Hello,
How i can set the drag event to mouse right click?

Thank you

DragAndDrop

answered on 10 May 2010

5 answers

349 views

Changing DateFormat

Hi,

How do I set the DateFormat in the RadDatePicker.

For example, I want to show the date 9/7/09 as July 9, 2009 in the textbox. Any help would be appreciated.

Thanks,
wpfguy

DatePicker

answered on 10 May 2010

1 answer

142 views

RadComboBox SelectedValue Assignment Null

Not sure if this is a bug.

I have RadComboBox binded to some objects in RadGridView, In the event code I tried to change the RadComboBox SelectedValue to a valid value, it assigns it to null. I can get by using SelectedItem but that's not quite the same.

ComboBox

answered on 10 May 2010

1 answer

545 views

Creating grid columns dynamically with MVVM pattern

Hi,

How do we add columns dynamically to a grid with item source bound to a collection? Actually, I want to build a grid to display data in matrix format (The accounts(column wise) is to be mapped against components(row wise)). The number of accounts may grow each time; so are the columns. I have restriction of not allowed to use dataset/datatable.

Regards,
Norbert John

GridView