# DockPanel Docked Opacity

**URL:** <https://forums.fusetools.com/t/dockpanel-docked-opacity/2042>\
**Category:** How-to Discussions\
**Created:** [February 6, 2016, 9:34am UTC](https://forums.fusetools.com/t/dockpanel-docked-opacity/2042 "2016-02-06T09:34:17Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![LimeInBox](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/limeinbox/32/211_2.png) [@LimeInBox](https://forums.fusetools.com/u/LimeInBox)\
**Post date:** [February 6, 2016, 9:34am UTC](https://forums.fusetools.com/t/dockpanel-docked-opacity/2042/1 "2016-02-06T09:34:17Z")

</div>

Hi,

Can you help me to make a transparent docked panel ?

My code looks like this

```auto
<DockPanel>
    <ScrollView>
        <StackPanel> <Image Url="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRX1XlR4PmAXH8L4Pwt90LD-QmDiKj6PcKMK-Kp6L3u4g6BRkO0"/&gt; 
            <Panel Background="#eeeeee" Height="40"/> <Text Margin="20" TextWrapping="Wrap" Value="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
        </StackPanel>
    </ScrollView>

    <BottomBarBackground Dock="Bottom"/>

    <Panel Dock="Bottom" Height="50" Opacity="0.8">

        <Rectangle Fill="#89eff2" Layer="Background" Opacity="0.8"/>

    </Panel>

</DockPanel>

```

But it doesn’t do the trick (my text is way longer, and I’like the user to still see it under the panel )

---

<div class="post-metadata">

**Author:** ![LimeInBox](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/limeinbox/32/211_2.png) [@LimeInBox](https://forums.fusetools.com/u/LimeInBox)\
**Post date:** [February 13, 2016, 8:55am UTC](https://forums.fusetools.com/t/dockpanel-docked-opacity/2042/2 "2016-02-13T08:55:16Z")

</div>

By setting

```auto
<ScrollView Layer="Background">

```

it works