Telerik Forums
UI for Silverlight Forum
1 answer
64 views

 
  My issue is when the radexpanblecontrol is expanded inside the small grid it gets hidden. Is there anyway that I can overlap it over the grid.

 I've put my code below along with the attached screen shot.

thankyou 

code:

<Grid Background="Cyan">
        <Grid x:Name="TitleBar" Margin="0,0,0,388" Background="#45a8d9">
            
            <telerik:RadExpanderControl  Name="expander"  Margin="273,0,649,10">
                <!--<telerik:RadExpanderControl.Background>
                    <ImageBrush Stretch="Fill"/>
                </telerik:RadExpanderControl.Background>-->
                <telerik:RadExpanderControl.Content>
                    <StackPanel Name="home" Tapped="StackPanel_Tapped_1" Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment='Top' Margin="0,0,-40,0" Width="150" Height="124">
                        <Image Source="assets/ic_report_w.png"  Height="63" Width="100" Margin="25,0" />
                        <TextBlock Margin="31,0,31,73" HorizontalAlignment="Center">
                       <Run FontWeight="Bold" FontSize="24" Text="HOME"/>
                        </TextBlock>
                    </StackPanel>
                </telerik:RadExpanderControl.Content>

                <telerik:RadExpanderControl.ExpandableContent>
                    <StackPanel Opacity="1" >
                        <Grid Background="White">
                            <TextBlock Text="DUMMY DATA" Foreground="Black" Margin="10,0"/>
                            <TextBlock Text="DUMMY DATA1"  Foreground="Black" Margin="10,30"/>
                            <TextBlock Text="DUMMY DATA2"  Foreground="Black" Margin="10,60"/>
                            <TextBlock Text="DUMMY DATA3"  Foreground="Black" Margin="10,90"/>
                            <TextBlock Text="DUMMY DATA4"  Foreground="Black" Margin="10,120"/>
                        </Grid>
                    </StackPanel>
                </telerik:RadExpanderControl.ExpandableContent>

            </telerik:RadExpanderControl>

            
        </Grid>
    </Grid>

 

 

Ivaylo Gergov
Telerik team
 answered on 04 Dec 2015
8 answers
66 views

Can you have an Expander within an Expander?  User is wanting to break out two different options the second will be active if certain criteria is set else where (basically additional questions that need to be answered.  When I tried to set up an example it is telling me that "Content" is set multiple times, so I'm not sure if it's because I can't do this or if I have to set it up differently.  Below is code I was testing with:

<!--Christmas Trees  Option M -->                     <Border Grid.Row="11" Grid.ColumnSpan="7" CornerRadius="0" HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Margin="5" Background="Transparent">                         <telerik:RadExpander x:Name="ChristmasTrees" ExpandDirection="Down" VerticalAlignment="Top" Margin="0" >                             <telerik:RadExpander.Header>                                 <TextBlock Text=" Christmas Trees" />                             </telerik:RadExpander.Header>                             <telerik:RadExpander.Content>                                 <ContentControl Background="Transparent" HorizontalContentAlignment="Stretch" IsEnabled="{Binding IsSDI_PropertyOptionMExpandedOperational, Mode=TwoWay}">                                     <Grid>                                         <Grid.ColumnDefinitions>                                             <ColumnDefinition Width="Auto"/>                                             <ColumnDefinition Width="Auto"/>                                             <ColumnDefinition Width="Auto"/>                                             <ColumnDefinition Width="Auto"/>                                         </Grid.ColumnDefinitions>                                         <Grid.RowDefinitions>                                             <RowDefinition/>                                             <RowDefinition/>                                             <RowDefinition/>                                             <RowDefinition/>                                             <RowDefinition/>                                             <RowDefinition/>                                             <RowDefinition/>                                             <RowDefinition/>                                             <RowDefinition/>                                             <RowDefinition/>                                             <RowDefinition/>                                             <RowDefinition/>                                         </Grid.RowDefinitions>                                         <TextBlock Grid.Row="0" Grid.Column="0" Text="Are the annual gross receipts for the flower, greenhouse, nursery, Christmas Tree" VerticalAlignment="Center" Margin="5" />                                         <TextBlock Grid.Row="1" Grid.Column="0" Text="   business incidental to the annual gross receipts for the farming operation? " VerticalAlignment="Center" Margin="5" />                                         <StackPanel Grid.Row="1" Grid.Column="1" Orientation="Horizontal" Margin="0">                                             <RadioButton GroupName="AnnualGrossReceiptsIncidentalFlower" Content="Yes" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.AnnualGrossReceiptsIncidental, Mode=TwoWay}" Margin="5" />                                             <RadioButton GroupName="AnnualGrossReceiptsIncidentalFlower" Content="No" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.AnnualGrossReceiptsIncidental, Mode=TwoWay, Converter={StaticResource BoolInverseConverter}}"  Margin="5" />                                         </StackPanel>                                         <TextBlock Grid.Row="2" Grid.Column="0" Text="What type of plants or produce are being grown and/or sold? " VerticalAlignment="Center" Margin="5" />                                         <StackPanel Grid.Row="2" Grid.Column="1" Orientation="Horizontal" Margin="0">                                             <CheckBox Name="Flowers3" Content="Flowers" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.HasFlowers, Mode=TwoWay}" Margin="5" />                                             <CheckBox Name="Fruit3" Content="Fruits" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.HasFruit, Mode=TwoWay}" Margin="5" />                                             <CheckBox Name ="Vegetables3" Content="Vegetables" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.HasVegetables, Mode=TwoWay}" Margin="5" />                                         </StackPanel>                                         <StackPanel Grid.Row="3" Grid.Column="1" Orientation="Horizontal" Margin="0">                                             <CheckBox Name ="Shrubs3" Content="Shrubs" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.HasShrubs, Mode=TwoWay}" Margin="5" />                                             <CheckBox Name="Trees3" Content="Trees" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.HasTrees, Mode=TwoWay}" Margin="5" />                                             <CheckBox Name="Other3" Content="Other Plants" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.HasOther, Mode=TwoWay}" Margin="5" />                                         </StackPanel>                                         <TextBlock Grid.Row="4" Grid.Column="0" Text="What are the annual gross receipts sold on premises? " VerticalAlignment="Center" Margin="5"/>                                         <telerikInput:RadMaskedCurrencyInput Grid.Row="4" Grid.Column="1" Value="{Binding FlowerGreenhouseNurseryChristmasTree.AnnualGrossReceiptsOnPremises, Mode=TwoWay, Converter={StaticResource StringToDecimalConverter}}" Mask="#9.2" Margin="5" Width="100"                                                    HorizontalContentAlignment="Left" EmptyContent="0" SelectionOnFocus="SelectAll" TextMode="PlainText"/>                                         <TextBlock Grid.Row="5" Grid.Column="0" Text="What are the annual gross receipts sold off premises? " VerticalAlignment="Center" Margin="5"/>                                         <telerikInput:RadMaskedCurrencyInput Grid.Row="5" Grid.Column="1" Value="{Binding FlowerGreenhouseNurseryChristmasTree.AnnualGrossReceiptsOffPremises, Mode=TwoWay, Converter={StaticResource StringToDecimalConverter}}" Mask="#9.2" Margin="5" Width="100"                                                    HorizontalContentAlignment="Left" EmptyContent="0" SelectionOnFocus="SelectAll" TextMode="PlainText"/>                                         <TextBlock Grid.Row="6" Grid.Column="0" Text="Is there any processing of products? " VerticalAlignment="Center" Margin="5" />                                         <StackPanel Grid.Row="6" Grid.Column="1" Orientation="Horizontal" Margin="0">                                             <RadioButton GroupName="ProductProcessing" Content="Yes" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.ProductProcessing, Mode=TwoWay}" Margin="5" />                                             <RadioButton GroupName="ProductProcessing" Content="No" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.ProductProcessing, Mode=TwoWay, Converter={StaticResource BoolInverseConverter}}"  Margin="5" />                                         </StackPanel>                                         <TextBlock Grid.Row="7" Grid.Column="0" Text="Is there a retail store on the premises? " VerticalAlignment="Center" Margin="5" />                                         <StackPanel Grid.Row="7" Grid.Column="1" Orientation="Horizontal" Margin="0">                                             <RadioButton GroupName="RetailStoreOnPremises" Content="Yes" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.RetailStoreOnPremises, Mode=TwoWay}" Margin="5" />                                             <RadioButton GroupName="RetailStoreOnPremises" Content="No" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.RetailStoreOnPremises, Mode=TwoWay, Converter={StaticResource BoolInverseConverter}}"  Margin="5" />                                         </StackPanel>                                         <TextBlock Grid.Row="8" Grid.Column="0" Text="Remarks about the business:" VerticalAlignment="Center" Margin="5"/>                                         <TextBox Grid.Row="8" Grid.Column="1" Grid.ColumnSpan="3" Text="{Binding FlowerGreenhouseNurseryChristmasTree.BusinessRemarks, Mode=TwoWay}" Margin="5" Height="25" Width="600" MaxLength="550" HorizontalAlignment="Left"/>                                     </Grid>                                 </ContentControl>                             </telerik:RadExpander.Content>                             <telerik:RadExpander x:Name="ChristmasTreesProducts" ExpandDirection="Down" VerticalAlignment="Top" Margin="0" >                                 <telerik:RadExpander.Header>                                     <TextBlock Text=" Christmas Trees Products" />                                 </telerik:RadExpander.Header>                                 <telerik:RadExpander.Content>                                     <ContentControl Background="Transparent" HorizontalContentAlignment="Stretch" IsEnabled="{Binding IsSDI_PropertyOptionMExpandedOperational, Mode=TwoWay}">                                         <Grid>                                             <Grid.ColumnDefinitions>                                                 <ColumnDefinition Width="Auto"/>                                                 <ColumnDefinition Width="Auto"/>                                                 <ColumnDefinition Width="Auto"/>                                                 <ColumnDefinition Width="Auto"/>                                             </Grid.ColumnDefinitions>                                             <Grid.RowDefinitions>                                                 <RowDefinition/>                                                 <RowDefinition/>                                                 <RowDefinition/>                                                 <RowDefinition/>                                                 <RowDefinition/>                                                 <RowDefinition/>                                                 <RowDefinition/>                                                 <RowDefinition/>                                                 <RowDefinition/>                                                 <RowDefinition/>                                                 <RowDefinition/>                                                 <RowDefinition/>                                             </Grid.RowDefinitions>                                             <TextBlock Grid.Row="0" Grid.Column="0" Text="Are the annual gross receipts for the flower, greenhouse, nursery, Christmas Tree" VerticalAlignment="Center" Margin="5" />                                             <TextBlock Grid.Row="1" Grid.Column="0" Text="   business incidental to the annual gross receipts for the farming operation? " VerticalAlignment="Center" Margin="5" />                                             <StackPanel Grid.Row="1" Grid.Column="1" Orientation="Horizontal" Margin="0">                                                 <RadioButton GroupName="AnnualGrossReceiptsIncidentalFlower" Content="Yes" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.AnnualGrossReceiptsIncidental, Mode=TwoWay}" Margin="5" />                                                 <RadioButton GroupName="AnnualGrossReceiptsIncidentalFlower" Content="No" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.AnnualGrossReceiptsIncidental, Mode=TwoWay, Converter={StaticResource BoolInverseConverter}}"  Margin="5" />                                             </StackPanel>                                             <TextBlock Grid.Row="2" Grid.Column="0" Text="What type of plants or produce are being grown and/or sold? " VerticalAlignment="Center" Margin="5" />                                             <StackPanel Grid.Row="2" Grid.Column="1" Orientation="Horizontal" Margin="0">                                                 <CheckBox Name="Flowers3" Content="Flowers" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.HasFlowers, Mode=TwoWay}" Margin="5" />                                                 <CheckBox Name="Fruit3" Content="Fruits" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.HasFruit, Mode=TwoWay}" Margin="5" />                                                 <CheckBox Name ="Vegetables3" Content="Vegetables" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.HasVegetables, Mode=TwoWay}" Margin="5" />                                             </StackPanel>                                             <StackPanel Grid.Row="3" Grid.Column="1" Orientation="Horizontal" Margin="0">                                                 <CheckBox Name ="Shrubs3" Content="Shrubs" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.HasShrubs, Mode=TwoWay}" Margin="5" />                                                 <CheckBox Name="Trees3" Content="Trees" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.HasTrees, Mode=TwoWay}" Margin="5" />                                                 <CheckBox Name="Other3" Content="Other Plants" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.HasOther, Mode=TwoWay}" Margin="5" />                                             </StackPanel>                                             <TextBlock Grid.Row="4" Grid.Column="0" Text="What are the annual gross receipts sold on premises? " VerticalAlignment="Center" Margin="5"/>                                             <telerikInput:RadMaskedCurrencyInput Grid.Row="4" Grid.Column="1" Value="{Binding FlowerGreenhouseNurseryChristmasTree.AnnualGrossReceiptsOnPremises, Mode=TwoWay, Converter={StaticResource StringToDecimalConverter}}" Mask="#9.2" Margin="5" Width="100"                                                    HorizontalContentAlignment="Left" EmptyContent="0" SelectionOnFocus="SelectAll" TextMode="PlainText"/>                                             <TextBlock Grid.Row="5" Grid.Column="0" Text="What are the annual gross receipts sold off premises? " VerticalAlignment="Center" Margin="5"/>                                             <telerikInput:RadMaskedCurrencyInput Grid.Row="5" Grid.Column="1" Value="{Binding FlowerGreenhouseNurseryChristmasTree.AnnualGrossReceiptsOffPremises, Mode=TwoWay, Converter={StaticResource StringToDecimalConverter}}" Mask="#9.2" Margin="5" Width="100"                                                    HorizontalContentAlignment="Left" EmptyContent="0" SelectionOnFocus="SelectAll" TextMode="PlainText"/>                                             <TextBlock Grid.Row="6" Grid.Column="0" Text="Is there any processing of products? " VerticalAlignment="Center" Margin="5" />                                             <StackPanel Grid.Row="6" Grid.Column="1" Orientation="Horizontal" Margin="0">                                                 <RadioButton GroupName="ProductProcessing" Content="Yes" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.ProductProcessing, Mode=TwoWay}" Margin="5" />                                                 <RadioButton GroupName="ProductProcessing" Content="No" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.ProductProcessing, Mode=TwoWay, Converter={StaticResource BoolInverseConverter}}"  Margin="5" />                                             </StackPanel>                                             <TextBlock Grid.Row="7" Grid.Column="0" Text="Is there a retail store on the premises? " VerticalAlignment="Center" Margin="5" />                                             <StackPanel Grid.Row="7" Grid.Column="1" Orientation="Horizontal" Margin="0">                                                 <RadioButton GroupName="RetailStoreOnPremises" Content="Yes" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.RetailStoreOnPremises, Mode=TwoWay}" Margin="5" />                                                 <RadioButton GroupName="RetailStoreOnPremises" Content="No" IsChecked="{Binding FlowerGreenhouseNurseryChristmasTree.RetailStoreOnPremises, Mode=TwoWay, Converter={StaticResource BoolInverseConverter}}"  Margin="5" />                                             </StackPanel>                                             <TextBlock Grid.Row="8" Grid.Column="0" Text="Remarks about the business:" VerticalAlignment="Center" Margin="5"/>                                             <TextBox Grid.Row="8" Grid.Column="1" Grid.ColumnSpan="3" Text="{Binding FlowerGreenhouseNurseryChristmasTree.BusinessRemarks, Mode=TwoWay}" Margin="5" Height="25" Width="600" MaxLength="550" HorizontalAlignment="Left"/>                                         </Grid>                                     </ContentControl>                                 </telerik:RadExpander.Content>                             </telerik:RadExpander>                         </telerik:RadExpander>                     </Border>

Sia
Telerik team
 answered on 15 Sep 2015
7 answers
230 views
Hi

Is there a way to move the expander button to the far right of the header and leave the text on the far left? (expand direction = down)

I have tried working with the template. I even added a new column in the containing grid and moved the button to that column, but it had no effect. I'm asuming there is a dependency I'm missing?

(See attached image for example of what I need)

Thanks
Murray
Luis
Top achievements
Rank 1
 answered on 10 Jul 2015
3 answers
104 views
I want Rad Expander which dynamically contains textbox,dropdownbox,multiline textbox .

For this purpose i have table that comming form database which contains information as ID,ControlName
for eg    1   Textbox
              2  MultiTextBox
              3 Dropdown.
Pavel R. Pavlov
Telerik team
 answered on 27 Aug 2014
1 answer
77 views
Hello,
I've got a view that's composed of this code

<if:IFPage x:Class="xxx.Views.Derivati.RichiesteDiEsercizio"
    xmlns:if="clr-namespace:xxx"    
    xmlns:local="clr-namespace:xxx.Controls.Search"
    mc:Ignorable="d"             >
    <telerik:RadBusyIndicator x:Name="busyIndicator">
        <StackPanel x:Name="spHeader" Orientation="Vertical" Margin="3,3,0,0" VerticalAlignment="Stretch">
            <telerik:RadExpander Header="Inserimento">
                <telerik:RadExpander.Content>
                    <StackPanel Orientation="Horizontal">
                        <local:RapportoUC x:Name="ucRapporto" Margin="5,0,0,0"></local:RapportoUC>
                        <TextBlock Text="Data Inserimento" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="5,0,0,0" ></TextBlock>
                        <telerik:RadDatePicker x:Name="dtInser" Width="120" SelectableDateStart="2010/07/31" DisplayDateStart="2010/07/31" IsReadOnly="True" >
                        </telerik:RadDatePicker>
                        <Button x:Name="btnInserisci" Content="Inserisci" Margin="5,0,0,0" Click="btnInserisci_Click" ></Button>
                    </StackPanel>
                </telerik:RadExpander.Content>
            </telerik:RadExpander>
            <telerik:RadExpander x:Name="spVisualizza" Header="Visualizza" VirtualizingStackPanel.VirtualizationMode="Standard">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="25"></RowDefinition>
                        <RowDefinition Height="*"></RowDefinition>
                    </Grid.RowDefinitions>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="Data" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="5,0,0,0" ></TextBlock>
                        <telerik:RadDatePicker x:Name="dtPicker" Width="120" SelectableDateStart="2010/07/31" DisplayDateStart="2010/07/31"  >
                        </telerik:RadDatePicker>
                        <Button x:Name="btnCarica" Content="Visualizza" Margin="5,0,0,0" Click="btnCarica_Click" ></Button>
                    </StackPanel>
                    <telerik:RadGridView x:Name="DataItems" Grid.Row="1" AutoGenerateColumns="False" CanUserInsertRows="False" ScrollViewer.VerticalScrollBarVisibility="Visible" SizeChanged="DataItems_SizeChanged"
                                 AlternateRowBackground="LightBlue"  IsReadOnly="True">
                        <telerik:RadContextMenu.ContextMenu>
                            <telerik:RadContextMenu x:Name="ContextMenu" Opening="ContextMenu_Opening" ItemClick="RadMenuItem_Click">
                                <telerik:RadMenuItem Header="Disattiva Richiesta" Tag="disattiva_richiesta"  />
                            </telerik:RadContextMenu>
                        </telerik:RadContextMenu.ContextMenu>
                        <telerik:RadGridView.Columns>
                            <telerik:GridViewDataColumn Header="NDG" UniqueName="Ndg" DataMemberBinding="{Binding Ndg}" >
                                <telerik:GridViewDataColumn.AggregateFunctions>
                                    <telerik:CountFunction Caption="Totale righe: " />
                                </telerik:GridViewDataColumn.AggregateFunctions>
                            </telerik:GridViewDataColumn>
                            <telerik:GridViewDataColumn Header="Intestazione" UniqueName="Intestazione" DataMemberBinding="{Binding Intestazione}" ></telerik:GridViewDataColumn>
                            <telerik:GridViewDataColumn Header="Dossier" UniqueName="Dossier" DataMemberBinding="{Binding Dossier}" ></telerik:GridViewDataColumn>
                            <telerik:GridViewDataColumn Header="Filiale" UniqueName="Filiale" DataMemberBinding="{Binding Filiale}" ></telerik:GridViewDataColumn>
                            <telerik:GridViewDataColumn Header="RM" UniqueName="Rm" DataMemberBinding="{Binding Rm}" ></telerik:GridViewDataColumn>
                            <!--<telerik:GridViewDataColumn Header="NaturaGiuridica" UniqueName="NaturaGiuridica" DataMemberBinding="{Binding NaturaGiuridica}" ></telerik:GridViewDataColumn>-->
                            <telerik:GridViewDataColumn Header="DescrizioneStrumento" UniqueName="DescrizioneStrumento" DataMemberBinding="{Binding DescrizioneStrumento}" ></telerik:GridViewDataColumn>
                            <telerik:GridViewDataColumn Header="Mercato" UniqueName="Mercato" DataMemberBinding="{Binding Mercato}" ></telerik:GridViewDataColumn>
                            <telerik:GridViewDataColumn Header="Divisa" UniqueName="Divisa" DataMemberBinding="{Binding Divisa}" ></telerik:GridViewDataColumn>
                            <telerik:GridViewDataColumn Header="Size" UniqueName="Size" DataMemberBinding="{Binding Size}" TextAlignment="Right" DataFormatString="N2" ></telerik:GridViewDataColumn>
                            <telerik:GridViewDataColumn Header="Strike" UniqueName="Strike" DataMemberBinding="{Binding Strike}" DataFormatString="N2" TextAlignment="Right" ></telerik:GridViewDataColumn>
                            <telerik:GridViewDataColumn Header="Diritto" UniqueName="Diritto" DataMemberBinding="{Binding Diritto}" ></telerik:GridViewDataColumn>
                            <telerik:GridViewDataColumn Header="Quantità" UniqueName="Qta" DataMemberBinding="{Binding Qta}" TextAlignment="Right" DataFormatString="N2"></telerik:GridViewDataColumn>
                            <telerik:GridViewDataColumn Header="CTV" UniqueName="Ctv" DataMemberBinding="{Binding Ctv}" DataFormatString="N2" ></telerik:GridViewDataColumn>
                            <telerik:GridViewDataColumn Header="Scadenza" UniqueName="Scadenza" DataMemberBinding="{Binding Scadenza}" DataFormatString="{}{0:dd/MM/yyyy}" ></telerik:GridViewDataColumn>
                            <telerik:GridViewDataColumn Header="Tipo" UniqueName="Tipo" DataMemberBinding="{Binding Tipo}" ></telerik:GridViewDataColumn>
                            <telerik:GridViewDataColumn DataMemberBinding="{Binding ModalitaRicezione}" Header="Modalità Ricezione" UniqueName="MODALITA_RICEZIONE" />
                            <telerik:GridViewDataColumn DataMemberBinding="{Binding Note}" Header="Note" UniqueName="NOTE" />
                            <telerik:GridViewDataColumn DataMemberBinding="{Binding Stato}" Header="Stato" UniqueName="STATO" />
                            <telerik:GridViewDataColumn DataMemberBinding="{Binding UtenteRichiesta}" Header="Utente Richiesta" UniqueName="UTENTE_RICHIESTA" />
                            <telerik:GridViewDataColumn DataMemberBinding="{Binding DtTsInserimento}" Header="Data Inserimento" UniqueName="DT_TS_INSERIMENTO"  DataFormatString="{}{0:dd/MM/yyyy}" />
                            <telerik:GridViewDataColumn DataMemberBinding="{Binding ErrorMsg}" Header="Error Msg." UniqueName="ERROR_MSG" />
                            <telerik:GridViewDataColumn DataMemberBinding="{Binding DtTsPresoInCarico}" Header="Data Preso in carico" UniqueName="DT_TS_PRESO_IN_CARICO"  DataFormatString="{}{0:dd/MM/yyyy}" />
                            <telerik:GridViewDataColumn DataMemberBinding="{Binding DtTsChiuso}" Header="TS Chiuso" UniqueName="DT_TS_CHIUSO" />
                            <telerik:GridViewDataColumn DataMemberBinding="{Binding UtenteCancellazione}" Header="Utente Cancellazione" UniqueName="UTENTE_CANCELLAZIONE" />
                        </telerik:RadGridView.Columns>
                    </telerik:RadGridView>
                </Grid>
            </telerik:RadExpander>
        </StackPanel>
    </telerik:RadBusyIndicator>
</if:IFPage>

When the RadGrid inside the spVisualizza has a a lot of data the scrollviewer doesn't appear...I've used the SizeChanged on the radgridview and I've seen it has a height of 5000+ px.... I don't understand how to set height in order to have it sized to monitor resolution without setting a fixed number...any suggestion? I've trid to set the second grid' height to * , Auto, nothing...but nothing changed...
Thanks in advance
Martin Ivanov
Telerik team
 answered on 28 Feb 2014
2 answers
55 views
Hi,

I have .xaml containing RadExpander in DataTemplate. When page is rendered it show lots of RadExpander one after another. When one of the RadExpander is opened and the page is scrolled, then some of the RadExpander expands or closes automatically.

Is there any problem with RadExpander or can any body help me with the solution.


Thanks.
Harshal
Top achievements
Rank 1
 answered on 01 Aug 2013
1 answer
73 views
Hello,

I am working with a RadExpander that starts off "Collapsed".  When the expander is expanded, the animation is choppy because I have several controls inside it that fire OnApplyTemplate to render at the same time.   This is because the items aren't added to the visual tree until the expander is expanded.  Is there a way to trigger that before the item is expanded?  The animation runs smoothly the second and subsequent times once the items have been rendered initially...

Thanks,
Rob
Pavel R. Pavlov
Telerik team
 answered on 23 Jul 2013
1 answer
48 views

Hello Guys

 

I need your help since I get the following message in my Silverlight application:

 

-----------------------------------------

{System.Reflection.TargetInvocationException: Exception has been thrown by the target of an invocation. ---> System.ArgumentException: Value does not fall within the expected range.

   à MS.Internal.XcpImports.CheckHResult(UInt32 hr)

   à MS.Internal.XcpImports.SetValue(IManagedPeerBase obj, DependencyProperty property, DependencyObject doh)

   à MS.Internal.XcpImports.SetValue(IManagedPeerBase doh, DependencyProperty property, Object obj)

   à System.Windows.DependencyObject.SetObjectValueToCore(DependencyProperty dp, Object value)

   à System.Windows.DependencyObject.SetEffectiveValue(DependencyProperty property, EffectiveValueEntry& newEntry, Object newValue)

   à System.Windows.DependencyObject.UpdateEffectiveValue(DependencyProperty property, EffectiveValueEntry oldEntry, EffectiveValueEntry& newEntry, ValueOperation operation)

   à System.Windows.DependencyObject.RefreshExpression(DependencyProperty dp)

   à System.Windows.Data.BindingExpression.SendDataToTarget()

   à System.Windows.Data.BindingExpression.SourceAcquired()

   à System.Windows.Data.Debugging.BindingBreakPoint.<>c__DisplayClass4.<BreakOnSharedType>b__3()

   --- Fin de la trace de la pile d'exception interne ---

   à System.RuntimeMethodHandle.InvokeMethod(Object target, Object[] arguments, Signature sig, Boolean constructor)

   à System.Reflection.RuntimeMethodInfo.Invoke(Object obj, BindingFlags invokeAttr, Binder binder, Object[] parameters, CultureInfo culture, Boolean skipVisibilityChecks)

   à System.Delegate.DynamicInvokeImpl(Object[] args)

   à System.Delegate.DynamicInvoke(Object[] args)

   à StylesBudgetxaml.BindingOperation(Object BindingState, Int32 , Action )}


----------------------------------------------------------------

 

I’m using a listbox where I’ve changed the items into Telerik RadExpanders.

 

<ListBox ItemsSource="{Binding FaqItems, ElementName=Root}" ItemTemplate="{StaticResource FAQListBoxItems}" ItemContainerStyle="{StaticResource FAQListBoxItemStyle}" Width="650" ScrollViewer.HorizontalScrollBarVisibility="Disabled"/>
 
 
<SolidColorBrush x:Key="Expander_Background" Color="#00FFFFFF"/>
    <SolidColorBrush x:Key="Expander_BorderBrush" Color="#00FFFFFF"/>
    <Thickness x:Key="Expander_BorderThickness">0</Thickness>
    <SolidColorBrush x:Key="ControlInnerBorder_Normal" Color="#FFFFFFFF"/>
    <SolidColorBrush x:Key="ControlElement_Normal" Color="#FF000000"/>
    <SolidColorBrush x:Key="ControlOuterBorder_Focused" Color="#FFFFC92B"/>
 
    <ControlTemplate x:Key="ToggleTemplate" TargetType="telerik:RadToggleButton">
        <Grid>
           <VisualStateManager.VisualStateGroups>
               <VisualStateGroup x:Name="FocusStates">
                   <VisualStateGroup.Transitions>
                      <VisualTransition GeneratedDuration="0:0:0.2" To="Focused"/>
                      <VisualTransition GeneratedDuration="0:0:0.2" To="Unfocused"/>
                   </VisualStateGroup.Transitions>
                   <VisualState x:Name="Unfocused"/>
                   <VisualState x:Name="Focused">
                      <Storyboard>
                          <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetProperty="Visibility" Storyboard.TargetName="FocusDecorator">
                              <DiscreteObjectKeyFrame KeyTime="0:0:0">
                                 <DiscreteObjectKeyFrame.Value>
                                     <Visibility>Visible</Visibility>
                                 </DiscreteObjectKeyFrame.Value>
                              </DiscreteObjectKeyFrame>
                          </ObjectAnimationUsingKeyFrames>
                      </Storyboard>
                   </VisualState>
               </VisualStateGroup>
           </VisualStateManager.VisualStateGroups>
           <ContentPresenter x:Name="Content" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
           <Rectangle x:Name="FocusDecorator" IsHitTestVisible="false" Stroke="{StaticResource ControlOuterBorder_Focused}" StrokeThickness="1" StrokeDashArray="1 2" Visibility="Collapsed"/>
        </Grid>
    </ControlTemplate>
 
 
    <CornerRadius x:Key="Expander_BorderRadius">3</CornerRadius>
    <SolidColorBrush x:Key="ControlOuterBorder_Disabled" Color="#FF989898"/>
    <SolidColorBrush x:Key="ControlInnerBorder_Disabled" Color="Transparent"/>
    <SolidColorBrush x:Key="ControlBackground_Disabled" Color="#FFE0E0E0"/>
    <SolidColorBrush x:Key="ControlElement_Disabled" Color="#FF8D8D8D"/>
    <SolidColorBrush x:Key="ControlOuterBorder_MouseOver" Color="#FFFFC92B"/>
    <SolidColorBrush x:Key="ControlInnerBorder_MouseOver" Color="#FFFFFFFF"/>
 
    <LinearGradientBrush x:Key="ControlBackground_MouseOver" EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Color="#FFFFFBDA" Offset="0"/>
        <GradientStop Color="#FFFEEBAE" Offset="0.50"/>
        <GradientStop Color="#FFFFD25A" Offset="0.50"/>
        <GradientStop Color="#FFFFFBA3" Offset="1"/>
    </LinearGradientBrush>
 
    <SolidColorBrush x:Key="ControlElement_MouseOver" Color="#FF000000"/>
    <LinearGradientBrush x:Key="ControlOuterBorder_Pressed" EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Color="#FF282828"/>
        <GradientStop Color="#FF5F5F5F" Offset="1"/>
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="ControlInnerBorder_Pressed" EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Color="#FFB69A78"/>
        <GradientStop Color="#FFFFE17A" Offset="0.126"/>
    </LinearGradientBrush>
    <LinearGradientBrush x:Key="ControlBackground_Pressed" EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Color="#FFFFDCAB" Offset="0"/>
        <GradientStop Color="#FFFFD18F" Offset="0.5"/>
        <GradientStop Color="#FFFE9227" Offset="0.5"/>
        <GradientStop Color="#FFFFBA74" Offset="0"/>
    </LinearGradientBrush>
    <SolidColorBrush x:Key="ControlElement_Pressed" Color="#FF000000"/>
 
 
    <ControlTemplate x:Key="FAQRadToggleButtonControlTemplate" TargetType="telerik:RadToggleButton">
        <Grid>
           <VisualStateManager.VisualStateGroups>
               <VisualStateGroup x:Name="FocusStates">
                   <VisualStateGroup.Transitions>
                      <VisualTransition GeneratedDuration="0:0:0.2" To="Focused"/>
                      <VisualTransition GeneratedDuration="0:0:0.2" To="Unfocused"/>
                   </VisualStateGroup.Transitions>
                   <VisualState x:Name="Unfocused"/>
                   <VisualState x:Name="Focused"/>
               </VisualStateGroup>
           </VisualStateManager.VisualStateGroups>
           <ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
        </Grid>
    </ControlTemplate>
 
 
 
    <ControlTemplate x:Key="ExpanderTemplate" TargetType="telerik:RadExpander">
        <Grid HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}">
           <VisualStateManager.VisualStateGroups>
                           <VisualStateGroup x:Name="CommonStateGroup">
                               <VisualState x:Name="Normal"/>
                               <VisualState x:Name="Disabled">
                                  <Storyboard>
                                      <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetProperty="Stroke" Storyboard.TargetName="OuterCircle">
                                                      <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlOuterBorder_Disabled}"/>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetProperty="Stroke" Storyboard.TargetName="InnerCircle">
                                                      <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlInnerBorder_Disabled}"/>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetProperty="Fill" Storyboard.TargetName="OuterCircle">
                                                      <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlBackground_Disabled}"/>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Fill" Storyboard.TargetName="arrow">
                                                      <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ControlElement_Disabled}"/>
                                      </ObjectAnimationUsingKeyFrames>
                                      <DoubleAnimation To=".5" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Content"/>
                                      <DoubleAnimation To=".5" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="HeaderContent"/>
                                  </Storyboard>
                               </VisualState>
                           </VisualStateGroup>
                           <VisualStateGroup x:Name="HeaderStateGroup">
                               <VisualState x:Name="NormalHeader"/>
                               <VisualState x:Name="MouseOverHeader">
                                  <Storyboard>
                                      <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetProperty="Stroke" Storyboard.TargetName="OuterCircle">
                                                      <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlOuterBorder_MouseOver}"/>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetProperty="Stroke" Storyboard.TargetName="InnerCircle">
                                                      <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlInnerBorder_MouseOver}"/>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetProperty="Fill" Storyboard.TargetName="OuterCircle">
                                                      <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlBackground_MouseOver}"/>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Fill" Storyboard.TargetName="arrow">
                                                      <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ControlElement_MouseOver}"/>
                                      </ObjectAnimationUsingKeyFrames>
                                  </Storyboard>
                               </VisualState>
                               <VisualState x:Name="PressedHeader">
                                  <Storyboard>
                                      <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetProperty="Stroke" Storyboard.TargetName="OuterCircle">
                                                      <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlOuterBorder_Pressed}"/>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetProperty="Stroke" Storyboard.TargetName="InnerCircle">
                                                      <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlInnerBorder_Pressed}"/>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetProperty="Fill" Storyboard.TargetName="OuterCircle">
                                                      <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlBackground_Pressed}"/>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Fill" Storyboard.TargetName="arrow">
                                                      <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ControlElement_Pressed}"/>
                                      </ObjectAnimationUsingKeyFrames>
                                  </Storyboard>
                               </VisualState>
                           </VisualStateGroup>
                           <VisualStateGroup x:Name="HeaderOrientationGroup">
                               <VisualState x:Name="HorizontalOrientation">
                                  <Storyboard>
                                      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="LayoutTransform" Storyboard.TargetName="HeaderContentTransform">
                                                      <DiscreteObjectKeyFrame KeyTime="0">
                                                                     <DiscreteObjectKeyFrame.Value>
                                                                                     <RotateTransform Angle="0"/>
                                                                     </DiscreteObjectKeyFrame.Value>
                                                      </DiscreteObjectKeyFrame>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Grid.Column)" Storyboard.TargetName="HeaderContentTransform">
                                                      <DiscreteObjectKeyFrame KeyTime="0">
                                                                     <DiscreteObjectKeyFrame.Value>
                                                                                     <system:Int32>1</system:Int32>
                                                                     </DiscreteObjectKeyFrame.Value>
                                                      </DiscreteObjectKeyFrame>
                                      </ObjectAnimationUsingKeyFrames>
                                  </Storyboard>
                               </VisualState>
                               <VisualState x:Name="VerticalOrientation">
                                  <Storyboard>
                                      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="LayoutTransform" Storyboard.TargetName="HeaderContentTransform">
                                                      <DiscreteObjectKeyFrame KeyTime="0">
                                                                     <DiscreteObjectKeyFrame.Value>
                                                                                     <RotateTransform Angle="90"/>
                                                                     </DiscreteObjectKeyFrame.Value>
                                                      </DiscreteObjectKeyFrame>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Grid.Row)" Storyboard.TargetName="HeaderContentTransform">
                                                      <DiscreteObjectKeyFrame KeyTime="0">
                                                                     <DiscreteObjectKeyFrame.Value>
                                                                                     <system:Int32>1</system:Int32>
                                                                     </DiscreteObjectKeyFrame.Value>
                                                      </DiscreteObjectKeyFrame>
                                      </ObjectAnimationUsingKeyFrames>
                                  </Storyboard>
                               </VisualState>
                           </VisualStateGroup>
                           <VisualStateGroup x:Name="ExpandStateGroup">
                               <VisualState x:Name="Expanded">
                                  <Storyboard>
                                    <DoubleAnimation Duration="0:0:0.2" To="180" Storyboard.TargetProperty="(FrameworkElement.RenderTransform).Angle" Storyboard.TargetName="arrow"/>
                                  </Storyboard>
                               </VisualState>
                               <VisualState x:Name="Collapsed">
                                  <Storyboard>
                                      <DoubleAnimation Duration="0:0:0.2" To="0" Storyboard.TargetProperty="(FrameworkElement.RenderTransform).Angle" Storyboard.TargetName="arrow"/>
                                  </Storyboard>
                               </VisualState>
                           </VisualStateGroup>
                           <VisualStateGroup x:Name="ExpandDirectionStates">
                               <VisualStateGroup.Transitions>
                                  <VisualTransition>
                                      <Storyboard>
                                          <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Grid.Row)" Storyboard.TargetName="Content">
                                                         <DiscreteObjectKeyFrame KeyTime="0">
                                                                         <DiscreteObjectKeyFrame.Value>
                                                                                         <system:Int32>0</system:Int32>
                                                                         </DiscreteObjectKeyFrame.Value>
                                                         </DiscreteObjectKeyFrame>
                                          </ObjectAnimationUsingKeyFrames>
                                          <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Grid.Column)" Storyboard.TargetName="Content">
                                                         <DiscreteObjectKeyFrame KeyTime="0">
                                                                         <DiscreteObjectKeyFrame.Value>
                                                                                         <system:Int32>0</system:Int32>
                                                                         </DiscreteObjectKeyFrame.Value>
                                                         </DiscreteObjectKeyFrame>
                                          </ObjectAnimationUsingKeyFrames>
                                          <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Grid.Row)" Storyboard.TargetName="HeaderButton">
                                                         <DiscreteObjectKeyFrame KeyTime="0">
                                                                         <DiscreteObjectKeyFrame.Value>
                                                                                         <system:Int32>0</system:Int32>
                                                                         </DiscreteObjectKeyFrame.Value>
                                                         </DiscreteObjectKeyFrame>
                                          </ObjectAnimationUsingKeyFrames>
                                          <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Grid.Column)" Storyboard.TargetName="HeaderButton">
                                                         <DiscreteObjectKeyFrame KeyTime="0">
                                                                         <DiscreteObjectKeyFrame.Value>
                                                                                         <system:Int32>0</system:Int32>
                                                                         </DiscreteObjectKeyFrame.Value>
                                                         </DiscreteObjectKeyFrame>
                                          </ObjectAnimationUsingKeyFrames>
                                          <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Width" Storyboard.TargetName="col0">
                                                         <DiscreteObjectKeyFrame KeyTime="0">
                                                                         <DiscreteObjectKeyFrame.Value>
                                                                                         <GridLength>Auto</GridLength>
                                                                         </DiscreteObjectKeyFrame.Value>
                                                         </DiscreteObjectKeyFrame>
                                          </ObjectAnimationUsingKeyFrames>
                                          <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Width" Storyboard.TargetName="col1">
                                                         <DiscreteObjectKeyFrame KeyTime="0">
                                                                         <DiscreteObjectKeyFrame.Value>
                                                                                         <GridLength>Auto</GridLength>
                                                                         </DiscreteObjectKeyFrame.Value>
                                                         </DiscreteObjectKeyFrame>
                                          </ObjectAnimationUsingKeyFrames>
                                          <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Height" Storyboard.TargetName="row0">
                                                         <DiscreteObjectKeyFrame KeyTime="0">
                                                                         <DiscreteObjectKeyFrame.Value>
                                                                                         <GridLength>Auto</GridLength>
                                                                         </DiscreteObjectKeyFrame.Value>
                                                         </DiscreteObjectKeyFrame>
                                          </ObjectAnimationUsingKeyFrames>
                                          <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Height" Storyboard.TargetName="row1">
                                                         <DiscreteObjectKeyFrame KeyTime="0">
                                                                         <DiscreteObjectKeyFrame.Value>
                                                                                        <GridLength>Auto</GridLength>
                                                                         </DiscreteObjectKeyFrame.Value>
                                                         </DiscreteObjectKeyFrame>
                                          </ObjectAnimationUsingKeyFrames>
                                      </Storyboard>
                                  </VisualTransition>
                               </VisualStateGroup.Transitions>
                               <VisualState x:Name="DirectionLeft">
                                  <Storyboard>
                                      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Width" Storyboard.TargetName="col0">
                                                      <DiscreteObjectKeyFrame KeyTime="0">
                                                                     <DiscreteObjectKeyFrame.Value>
                                                                                     <GridLength>*</GridLength>
                                                                     </DiscreteObjectKeyFrame.Value>
                                                      </DiscreteObjectKeyFrame>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Height" Storyboard.TargetName="row0">
                                                      <DiscreteObjectKeyFrame KeyTime="0">
                                                                     <DiscreteObjectKeyFrame.Value>
                                                                                     <GridLength>*</GridLength>
                                                                     </DiscreteObjectKeyFrame.Value>
                                                      </DiscreteObjectKeyFrame>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Grid.Column)" Storyboard.TargetName="HeaderButton">
                                                      <DiscreteObjectKeyFrame KeyTime="0">
                                                                     <DiscreteObjectKeyFrame.Value>
                                                                                     <system:Int32>1</system:Int32>
                                                                     </DiscreteObjectKeyFrame.Value>
                                                      </DiscreteObjectKeyFrame>
                                      </ObjectAnimationUsingKeyFrames>
                                      <DoubleAnimation Duration="0:0:0" To="90" Storyboard.TargetProperty="(FrameworkElement.RenderTransform).Angle" Storyboard.TargetName="arrowPanel"/>
                                  </Storyboard>
                               </VisualState>
                               <VisualState x:Name="DirectionRight">
                                  <Storyboard>
                                      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Width" Storyboard.TargetName="col1">
                                                      <DiscreteObjectKeyFrame KeyTime="0">
                                                                     <DiscreteObjectKeyFrame.Value>
                                                                                     <GridLength>*</GridLength>
                                                                     </DiscreteObjectKeyFrame.Value>
                                                      </DiscreteObjectKeyFrame>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Height" Storyboard.TargetName="row0">
                                                      <DiscreteObjectKeyFrame KeyTime="0">
                                                                     <DiscreteObjectKeyFrame.Value>
                                                                                     <GridLength>*</GridLength>
                                                                     </DiscreteObjectKeyFrame.Value>
                                                      </DiscreteObjectKeyFrame>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Grid.Column)" Storyboard.TargetName="Content">
                                                      <DiscreteObjectKeyFrame KeyTime="0">
                                                                     <DiscreteObjectKeyFrame.Value>
                                                                                     <system:Int32>1</system:Int32>
                                                                     </DiscreteObjectKeyFrame.Value>
                                                      </DiscreteObjectKeyFrame>
                                      </ObjectAnimationUsingKeyFrames>
                                      <DoubleAnimation Duration="0:0:0" To="-90" Storyboard.TargetProperty="(FrameworkElement.RenderTransform).Angle" Storyboard.TargetName="arrowPanel"/>
                                  </Storyboard>
                               </VisualState>
                               <VisualState x:Name="DirectionUp">
                                  <Storyboard>
                                      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Width" Storyboard.TargetName="col0">
                                                      <DiscreteObjectKeyFrame KeyTime="0">
                                                                     <DiscreteObjectKeyFrame.Value>
                                                                                     <GridLength>*</GridLength>
                                                                     </DiscreteObjectKeyFrame.Value>
                                                      </DiscreteObjectKeyFrame>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Height" Storyboard.TargetName="row0">
                                                      <DiscreteObjectKeyFrame KeyTime="0">
                                                                     <DiscreteObjectKeyFrame.Value>
                                                                                     <GridLength>*</GridLength>
                                                                     </DiscreteObjectKeyFrame.Value>
                                                      </DiscreteObjectKeyFrame>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Grid.Row)" Storyboard.TargetName="HeaderButton">
                                                      <DiscreteObjectKeyFrame KeyTime="0">
                                                                     <DiscreteObjectKeyFrame.Value>
                                                                                     <system:Int32>1</system:Int32>
                                                                     </DiscreteObjectKeyFrame.Value>
                                                      </DiscreteObjectKeyFrame>
                                      </ObjectAnimationUsingKeyFrames>
                                      <DoubleAnimation Duration="0:0:0" To="180" Storyboard.TargetProperty="(FrameworkElement.RenderTransform).Angle" Storyboard.TargetName="arrowPanel"/>
                                  </Storyboard>
                               </VisualState>
                               <VisualState x:Name="DirectionDown">
                                  <Storyboard>
                                      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Width" Storyboard.TargetName="col0">
                                          <DiscreteObjectKeyFrame KeyTime="0">
                                                         <DiscreteObjectKeyFrame.Value>
                                                                         <GridLength>*</GridLength>
                                                         </DiscreteObjectKeyFrame.Value>
                                          </DiscreteObjectKeyFrame>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Height" Storyboard.TargetName="row1">
                                          <DiscreteObjectKeyFrame KeyTime="0">
                                                         <DiscreteObjectKeyFrame.Value>
                                                                         <GridLength>*</GridLength>
                                                         </DiscreteObjectKeyFrame.Value>
                                          </DiscreteObjectKeyFrame>
                                      </ObjectAnimationUsingKeyFrames>
                                      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Grid.Row)" Storyboard.TargetName="Content">
                                          <DiscreteObjectKeyFrame KeyTime="0">
                                                         <DiscreteObjectKeyFrame.Value>
                                                                         <system:Int32>1</system:Int32>
                                                         </DiscreteObjectKeyFrame.Value>
                                          </DiscreteObjectKeyFrame>
                                      </ObjectAnimationUsingKeyFrames>
                                  </Storyboard>
                               </VisualState>
                           </VisualStateGroup>
           </VisualStateManager.VisualStateGroups>
           <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="{StaticResource Expander_BorderRadius}">
               <Grid>
                   <Grid.ColumnDefinitions>
                      <ColumnDefinition x:Name="col0" Width="Auto"/>
                      <ColumnDefinition x:Name="col1" Width="Auto"/>
                   </Grid.ColumnDefinitions>
                   <Grid.RowDefinitions>
                      <RowDefinition x:Name="row0" Height="Auto"/>
                      <RowDefinition x:Name="row1" Height="Auto"/>
                   </Grid.RowDefinitions>
                   <telerik:RadToggleButton x:Name="HeaderButton" Background="Transparent" ClickMode="{TemplateBinding ClickMode}" Foreground="{TemplateBinding Foreground}" FontWeight="{TemplateBinding FontWeight}" FontStyle="{TemplateBinding FontStyle}" FontStretch="{TemplateBinding FontStretch}" FontSize="{TemplateBinding FontSize}" FontFamily="{TemplateBinding FontFamily}" HorizontalAlignment="{TemplateBinding HorizontalHeaderAlignment}" HorizontalContentAlignment="{TemplateBinding HorizontalHeaderAlignment}" IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" TabIndex="{TemplateBinding TabIndex}" Template="{StaticResource FAQRadToggleButtonControlTemplate}" VerticalAlignment="{TemplateBinding VerticalHeaderAlignment}" VerticalContentAlignment="{TemplateBinding VerticalHeaderAlignment}">
                      <Grid x:Name="HeaderPanel" Background="Transparent">
                          <Grid.ColumnDefinitions>
                              <ColumnDefinition Width="Auto"/>
                              <ColumnDefinition Width="*"/>
                          </Grid.ColumnDefinitions>
                          <Grid.RowDefinitions>
                              <RowDefinition Height="Auto"/>
                              <RowDefinition Height="*"/>
                          </Grid.RowDefinitions>
                          <Grid Grid.Column="0" Grid.Row="0">
                              <Ellipse x:Name="OuterCircle" Fill="{StaticResource ControlBackground_Normal}" HorizontalAlignment="Center" Height="20" Stroke="{StaticResource ControlOuterBorder_Normal}" VerticalAlignment="Center" Width="20"/>
                              <Ellipse x:Name="InnerCircle" HorizontalAlignment="Center" Height="18" Stroke="{StaticResource ControlInnerBorder_Normal}" VerticalAlignment="Center" Width="18"/>
                              <Grid x:Name="arrowPanel" RenderTransformOrigin=".5 .5">
                                 <Grid.RenderTransform>
                                     <RotateTransform/>
                                  </Grid.RenderTransform>
                                 <Path x:Name="arrow" Data="M0,0 L0.67,0 4,2.67 7.25,0 8,0 8,0.67 4,4 0,0.75 z" Fill="{StaticResource ControlElement_Normal}" Height="4" RenderTransformOrigin="0.5,0.5" Stretch="None" Width="8">
                                     <Path.RenderTransform>
                                                     <RotateTransform Angle="0"/>
                                     </Path.RenderTransform>
                                 </Path>
                              </Grid>
                          </Grid>
                          <telerik:LayoutTransformControl x:Name="HeaderContentTransform" Grid.Column="0" Grid.Row="0" RenderTransformOrigin=".5 .5">
                                          <ContentPresenter x:Name="HeaderContent" ContentTemplate="{TemplateBinding HeaderTemplate}" Content="{TemplateBinding Header}" Grid.Column="1" HorizontalAlignment="Stretch" Margin="5 0" VerticalAlignment="Stretch"/>
                          </telerik:LayoutTransformControl>
                      </Grid>
                   </telerik:RadToggleButton>
                   <ContentPresenter x:Name="Content" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" Visibility="Collapsed" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
               </Grid>
           </Border>
        </Grid>
    </ControlTemplate>
 
 
 
    <Style x:Key="FAQRadExpanderStyle" TargetType="telerik:RadExpander">
                <Setter Property="IsTabStop" Value="false"/>
                <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
                <Setter Property="VerticalContentAlignment" Value="Stretch"/>
                <Setter Property="Background" Value="{StaticResource Expander_Background}"/>
                <Setter Property="BorderBrush" Value="{StaticResource Expander_BorderBrush}"/>
                <Setter Property="BorderThickness" Value="{StaticResource Expander_BorderThickness}"/>
                <Setter Property="Padding" Value="2"/>
                <Setter Property="Template" Value="{StaticResource ExpanderTemplate}"/>
                <Setter Property="telerik:AnimationManager.AnimationSelector">
                   <Setter.Value>
                       <telerik:AnimationSelector>
                                      <telerik:ExpanderExpandCollapseAnimation AnimationName="Expand" Direction="In" TargetElementName="Content"/>
                                       <telerik:ExpanderExpandCollapseAnimation AnimationName="Collapse" Direction="Out" TargetElementName="Content"/>
                       </telerik:AnimationSelector>
                   </Setter.Value>
                </Setter>
    </Style>
 
 
 
      <DataTemplate x:Key="FAQListBoxItems">
        <toolkit:WrapPanel>
            <telerik:RadExpander IsExpanded="False" VerticalContentAlignment="Top" telerik:AnimationManager.IsAnimationEnabled="{Binding ElementName=AnimationEnableCheckBox, Path=IsChecked}"
            Style="{StaticResource FAQRadExpanderStyle}">
            <telerik:RadExpander.Header>
               <ContentPresenter Margin="5" Content="{Binding Title}"/>
            </telerik:RadExpander.Header>
            <telerik:RadExpander.Content>
                <ContentPresenter Margin="5" Content="{Binding Answer}"/>
            </telerik:RadExpander.Content>
        </telerik:RadExpander>
        </toolkit:WrapPanel>
    </DataTemplate>
 
 
 
      <Style x:Key="FAQListBoxItemStyle" TargetType="ListBoxItem">
        <Setter Property="Padding" Value="3"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="VerticalContentAlignment" Value="Top"/>
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="TabNavigation" Value="Local"/>
        <Setter Property="Template">
           <Setter.Value>
               <ControlTemplate TargetType="ListBoxItem">
                   <Grid Background="{TemplateBinding Background}">
                      <VisualStateManager.VisualStateGroups>
                          <VisualStateGroup x:Name="CommonStates">
                              <VisualState x:Name="Normal"/>
                              <VisualState x:Name="MouseOver">
                                             <Storyboard>
                                                             <DoubleAnimation Duration="0" To=".35" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="fillColor"/>
                                             </Storyboard>
                              </VisualState>
                              <VisualState x:Name="Disabled">
                                             <Storyboard>
                                                             <DoubleAnimation Duration="0" To=".55" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="contentPresenter"/>
                                             </Storyboard>
                              </VisualState>
                          </VisualStateGroup>
                          <VisualStateGroup x:Name="SelectionStates">
                              <VisualState x:Name="Unselected"/>
                              <VisualState x:Name="Selected">
                                             <Storyboard>
                                                             <DoubleAnimation Duration="0" To=".75" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="fillColor2"/>
                                                             <ColorAnimation Duration="0" To="{StaticResource TransparentDarkDarkColor}" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="fillColor2" d:IsOptimized="True"/>
                                             </Storyboard>
                              </VisualState>
                              <VisualState x:Name="SelectedUnfocused"/>
                          </VisualStateGroup>
                          <VisualStateGroup x:Name="FocusStates">
                              <VisualState x:Name="Focused"/>
                             <VisualState x:Name="Unfocused"/>
                          </VisualStateGroup>
                          <VisualStateGroup x:Name="LayoutStates">
                              <VisualState x:Name="AfterLoaded"/>
                              <VisualState x:Name="BeforeLoaded"/>
                              <VisualState x:Name="BeforeUnloaded"/>
                          </VisualStateGroup>
                      </VisualStateManager.VisualStateGroups>
                      <Rectangle x:Name="fillColor" Fill="#FFBADDE9" IsHitTestVisible="False" Opacity="0" RadiusY="1" RadiusX="1"/>
                      <Rectangle x:Name="fillColor2" Fill="#FFBADDE9" IsHitTestVisible="False" Opacity="0" RadiusY="1" RadiusX="1"/>
                      <ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}"/>
                   </Grid>
               </ControlTemplate>
           </Setter.Value>
        </Setter>
      </Style>

Do you know where it could come from?

Thanks in advance.

Pavel R. Pavlov
Telerik team
 answered on 04 Mar 2013
11 answers
601 views
Hi All,

I am using RadExpander. Below my RadExpander I have a RadScheduler. When my RadExpander expands it seems to push down the bordering controls in order to render. However, I want that the RadExpander should overlap the other controls (Like the way we do it with ZIndex). I saw couple of other threads having similar issues and was able to deduce that using Grid.RowSpan I can achieve that however I was not able to do so. I would really appreciate if someone could guide me to figure out a way around this.

Thanks,
Adi
Kiril Vandov
Telerik team
 answered on 11 Feb 2013
1 answer
32 views
Hi,

I am using a RadExpander to show and hide a "mini map" version of a ScheduleView (similar to the "ScheduleView and TimerBar example, but with the TimerBar collapsing out of the way when not in use).  I am finding though that with the RadExpander on the page then none of the mouse events on the main ScheduleView are working - no tooltips, no dragging of controls etc.  The RadExapander control is covering the entire page, even when collapsed.

Setting "IsHitTestVisible" to false on the border inside the RadExpander allows the mouse event on the main view to work, but the expand/collapse button on the Expander no longer works.

How can I make the RadExpander show and hide the mini map while still allowing the main schedule view to work?

The structure of my page is roughly like this:
<Grid x:Name="LayoutRoot" >
    <telerik:RadScheduleView ... />   <--- main view
    <telerik:RadExpander>
        <telerik:RadExpander.Content>
            <telerik:RadScheduleView />   <---- mini view
            <telerik:RadTimeBar />
        </telerik:RadExpander.Content>
    </telerik:RadExpander>
</Grid>


 

 

 

 


David
Top achievements
Rank 1
 answered on 09 Feb 2013
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?