title: How to set a CornerRadius to a frame with elements inside (Xamarin.Forms)
body: <p>I need to set the corners of a frame rounded but my code doesn't work. I think that the problem is that i have two StackLayout with BackgroundColor. Why with IsClippedToBounds="True" doesn't work?</p>
  
  <p><a href="https://i.stack.imgur.com/X0OQu.png" rel="nofollow noreferrer">This is how it should be</a></p>
  
  <p><a href="https://i.stack.imgur.com/I1cpx.jpg" rel="nofollow noreferrer">This is what i get</a></p>
  
  <p>and this is the code:</p>
  
  <pre><code>    &lt;Frame  CornerRadius="20"
              Margin="15,7,15,7"
              Padding="0"
              IsClippedToBounds="True"&gt;
          &lt;Grid   
              IsClippedToBounds="True"
              ColumnSpacing="0"&gt;
              &lt;Grid.RowDefinitions&gt;
                  &lt;RowDefinition Height="auto" /&gt;
              &lt;/Grid.RowDefinitions&gt;
              &lt;Grid.ColumnDefinitions&gt;
                  &lt;ColumnDefinition Width="*" /&gt;
                  &lt;ColumnDefinition Width="50" /&gt;
              &lt;/Grid.ColumnDefinitions&gt;
              &lt;StackLayout    Grid.Row="0"
                              Grid.Column="0"
                              BackgroundColor="{DynamicResource DarkGray}"
                              Padding="10"&gt;
  
                  &lt;Label&gt;...&lt;Label&gt;
              &lt;/StackLayout&gt;
  
              &lt;StackLayout    Grid.Row="0"
                              Grid.Column="1"
                              BackgroundColor="{DynamicResource DarkGrayVariant}"
                              Padding="10"&gt;
  
                  &lt;Image&gt;...&lt;/Image&gt;
              &lt;/StackLayout&gt;
  
          &lt;/Grid&gt;
      &lt;/Frame&gt;
  </code></pre>