This is a migrated thread and some comments may be shown as answers.

RadPanelBarItem Scrollviewer not visible

3 Answers 124 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Société CompuGROUP Medical Solutions
Top achievements
Rank 1
Société CompuGROUP Medical Solutions asked on 12 Oct 2010, 02:10 PM
Hello,

I'm trying to make visible Scrollbar for the radPanelBarItem and not for the RadPanelBar control.
 How can i do that ?
this code doesn't run.
 <Grid x:Name="LayoutRoot" Background="White">
        <telerik:RadPanelBar Name="radPanelBar1" HorizontalAlignment="Left" Width="400" Height="160" ScrollViewer.VerticalScrollBarVisibility="Disabled">
            <telerik:RadPanelBarItem ScrollViewer.VerticalScrollBarVisibility="Auto">
                <telerik:RadPanelBarItem.Header>
                    <TextBlock Text="My Header 1"></TextBlock>
                </telerik:RadPanelBarItem.Header>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 2"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 3"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 4"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 5"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 6"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 7"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 8"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 1"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 9"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 10"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 11"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 12"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 13"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 14"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 15"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 16"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
            </telerik:RadPanelBarItem>
            <telerik:RadPanelBarItem>
                <telerik:RadPanelBarItem.Header>
                    <TextBlock Text="My Header 2"></TextBlock>
                </telerik:RadPanelBarItem.Header>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 21"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 22"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
            </telerik:RadPanelBarItem>
            <telerik:RadPanelBarItem>
                <telerik:RadPanelBarItem.Header>
                    <TextBlock Text="My Header 3"></TextBlock>
                </telerik:RadPanelBarItem.Header>
                <telerik:RadPanelBarItem>
                    <telerik:RadPanelBarItem.Header>
                        <TextBlock Text="My Element 31"></TextBlock>
                    </telerik:RadPanelBarItem.Header>
                </telerik:RadPanelBarItem>
            </telerik:RadPanelBarItem>
        </telerik:RadPanelBar>

3 Answers, 1 is accepted

Sort by
0
Zarko
Telerik team
answered on 14 Oct 2010, 04:18 PM
Hello Société Axilog,

 To achieve this you have to customize the default RadPanelBarItem style. Could you please examine the attached project and if you have further questions feel free to ask?

Greetings,
Zarko
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Marzio
Top achievements
Rank 1
answered on 18 Jan 2012, 04:31 PM
Hi,
can you tell me what exactly did you modified from the default Style?

I need to replicate the same behaviour from my customized Office Blu PanelBarItem :)

Marzio.
0
Tina Stancheva
Telerik team
answered on 23 Jan 2012, 02:22 PM
Hello Marzio,

In the RadPanelBarItem ControlTemplate you need to wrap the ItemsPresenter that displays the child items in a ScrollViewer. You can find the ItemsPresenter in the ItemsContainer Grid element of the template:
<Grid x:Name="ItemsContainer"
        Grid.Row="1"
        Visibility="Collapsed">
    <telerik:LayoutTransformControl x:Name="transformationRoot">
        <ScrollViewer HorizontalScrollBarVisibility="Auto"
              telerik:StyleManager.Theme="{StaticResource Theme}"
              VerticalScrollBarVisibility="Auto">
            <ItemsPresenter />
        </ScrollViewer>
    </telerik:LayoutTransformControl>
</Grid>

Let us know if you have more questions.

All the best,
Tina Stancheva
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Tags
PanelBar
Asked by
Société CompuGROUP Medical Solutions
Top achievements
Rank 1
Answers by
Zarko
Telerik team
Marzio
Top achievements
Rank 1
Tina Stancheva
Telerik team
Share this question
or