# Tried Searching, CornerRadius on StackPanel or Panel

**URL:** <https://forums.fusetools.com/t/tried-searching-cornerradius-on-stackpanel-or-panel/3356>\
**Category:** How-to Discussions\
**Created:** [September 1, 2015, 4:36pm UTC](https://forums.fusetools.com/t/tried-searching-cornerradius-on-stackpanel-or-panel/3356 "2015-09-01T16:36:51Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rob](https://avatars.discourse-cdn.com/v4/letter/r/838e76/32.png) [@Rob](https://forums.fusetools.com/u/Rob)\
**Post date:** [September 1, 2015, 4:36pm UTC](https://forums.fusetools.com/t/tried-searching-cornerradius-on-stackpanel-or-panel/3356/1 "2015-09-01T16:36:51Z")

</div>

Hi,

I want to create a Card type of effect in a listview, how would I go around doing this?

Quite new to this, thanks in advance!

---

<div class="post-metadata">

**Author:** ![Remi\_Pedersen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/remi_pedersen/32/432_2.png) [@Remi\_Pedersen](https://forums.fusetools.com/u/Remi_Pedersen)\
**Post date:** [September 1, 2015, 5:36pm UTC](https://forums.fusetools.com/t/tried-searching-cornerradius-on-stackpanel-or-panel/3356/2 "2015-09-01T17:36:06Z")

</div>

Hi! 🙂

Based on the title I take it that you want to create (multiple) panels with rounded corners?

In that case all you have to do is set the `Appearance` of the panel to a rectangle with rounded corners:

```auto
    <StackPanel ux:Class="Card" Padding="20" Margin="20">
        <Rectangle ux:Binding="Appearance" Fill="#f00" CornerRadius="5" />
    </StackPanel>

```

Here we created a new class called `Card` which can then be used in our UX just as we would with any other panel:

```auto
    <Card >
        <Text>Hey!</Text>
        <Button Text="Press me"/>
    </Card>

```

Depending on your use case you might not even need to create a new class. You can check out this more complete example to learn more: [https://www.fusetools.com/developers/examples/httpjson](https://www.fusetools.com/developers/examples/httpjson)

---

<div class="post-metadata">

**Author:** ![Rob](https://avatars.discourse-cdn.com/v4/letter/r/838e76/32.png) [@Rob](https://forums.fusetools.com/u/Rob)\
**Post date:** [September 2, 2015, 11:08am UTC](https://forums.fusetools.com/t/tried-searching-cornerradius-on-stackpanel-or-panel/3356/3 "2015-09-02T11:08:17Z")

</div>

Amazing, thank you.