RadWrapPanel VerticalScrollBarVisibility Problem

6 posts, 0 answers
  1. Zeeshan
    Zeeshan avatar
    5 posts
    Member since:
    Feb 2009

    Posted 07 Feb 2012 Link to this post

    <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.
  2. Deyan
    Admin
    Deyan avatar
    2039 posts

    Posted 10 Feb 2012 Link to this post

    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
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  3. DevCraft banner
  4. Zeeshan
    Zeeshan avatar
    5 posts
    Member since:
    Feb 2009

    Posted 10 Feb 2012 Link to this post

    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>            
  5. Deyan
    Admin
    Deyan avatar
    2039 posts

    Posted 13 Feb 2012 Link to this post

    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
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  6. Zeeshan
    Zeeshan avatar
    5 posts
    Member since:
    Feb 2009

    Posted 13 Feb 2012 Link to this post

    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.
  7. Zeeshan
    Zeeshan avatar
    5 posts
    Member since:
    Feb 2009

    Posted 13 Feb 2012 Link to this post

    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>
Back to Top
DevCraft banner