RadWrapPanel VerticalScrollBarVisibility Problem

[Zeeshan]

<telerikPrimitives:RadWrapPanel x:Name="RadWrapPanel"  ScrollViewer.VerticalScrollBarVisibility="Visible" Orientation="Horizontal">
 <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsCustom/symptom01-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsCustom/symptom02-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsCustom/symptom03-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsCustom/symptom04-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsCustom/symptom05-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsCustom/symptom06-3.png"/>                
</telerikPrimitives:RadWrapPanel>  

I am using WrapPanal like in the code above, but vertical scroll bars are not visible and I can't scroll content up or down. Quick response will be highly appreciated.

[Deyan]

Hello Zeeshan,

Please, make sure that the wrap panel has its height fixed and is not autosized to the height of its contents.

This is a common reason for having a panel not scrolling in a given direction.

All the best,
Deyan
the Telerik team

[Zeeshan]

I have now fixed its height but still same issue:

<telerikPrimitives:RadWrapPanel x:Name="RadWrapPanel"  ScrollViewer.VerticalScrollBarVisibility="Visible" Orientation="Horizontal" Height="265">
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom01-3.png" IsChecked="True"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom02-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom03-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom04-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom05-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom06-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom07-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom08-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom09-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom10-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom11-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom12-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom13-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom14-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom15-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom16-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom17-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom18-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom19-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom20-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom21-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom22-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom23-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom24-3.png"/>                
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom25-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom26-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom27-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom28-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom29-3.png"/>
                <RadioButton Margin="5" Style="{StaticResource RadioButtonStyleImageSymptomAdd}" Content="/PeriodTracker;component/Images/SymptomsStandard/symptom20-3.png"/>
                
            </telerikPrimitives:RadWrapPanel>            

[Deyan]

Hi Zeeshan,

Since I am not able to reproduce the issue that you report, I would kindly like to ask you to prepare a sample project and send it to us for further investigation.

Note that you will have to open a new support ticket in order to be able to do this.

Regards,
Deyan
the Telerik team

[Zeeshan]

As my client has not purchased the license yet, So I am unable to submit sample project to your support team. Can you please send me a short sample which shows scrolling in a wrap panel. The samples present already on telerik website uses wrap panel in ListBox control which is not my requirement.

[Zeeshan]

I just managed to solve it by trying the following:

<ScrollViewer Height="368">
                <telerikPrimitives:RadWrapPanel x:Name="RadWrapPanel" ScrollViewer.ManipulationMode="System"
            ScrollViewer.HorizontalScrollBarVisibility="Auto" ScrollViewer.VerticalScrollBarVisibility="Auto">
                                                

</telerikPrimitives:RadWrapPanel>
</ScrollViewer>