Silverlight Samples - Some help in reproducing some of the styles?

2 posts, 0 answers
  1. madladuk
    madladuk avatar
    126 posts
    Member since:
    Dec 2009

    Posted 17 May 2010 Link to this post

    Hi.

    In the silverlight samples I like the main content box in gray with the hightlight around the sides (the box that houses the samples, the one in the middle!). I have tried to look at how the style is done but just going round in circles. Could you help to show how that content box is produced? Also when you move from one page to the next I am assuming it is using the cover flow? If so how do you replicate the buttons on the left and right? Also what is the style used for the configuration box?

    Sorry but the styles look nice and slick so just asking!

    Thanks
  2. Kalin Milanov
    Admin
    Kalin Milanov avatar
    447 posts

    Posted 20 May 2010 Link to this post

    Hi madladuk,

    The area which holds the example is in fact a simple border with a drop shadow to achieve the effect. Below is the XAML for it:
    <DropShadowEffect x:Key="MainBorder_DropShadowEffect" ShadowDepth="0" BlurRadius="20" Opacity="0.7" />
      
    <Style x:Key="MainBorderStyle" TargetType="Border">
        <Setter Property="Effect" Value="{StaticResource MainBorder_DropShadowEffect}" />
    </Style>
      
    <Border BorderBrush="White" BorderThickness="1" Background="#FFEDEDED" CornerRadius="8" Style="{StaticResource MainBorderStyle}" />

    The RadTransitionControl does the heavy lifting for navigating between examples. You can check it out here: http://demos.telerik.com/silverlight/#TransitionControl/FirstLook

    As for the buttons configuration controls - those are just restyled Buttons, ComboBoxes, CheckBoxes etc.
    Attached I am sending you a ZIP file with the styles for those. Note that the styles were made to serve a purpose (no disabled states, no editable combobox template, no intermediate state for checkboxes etc.).

    I hope you will find this useful.

    Greetings,
    Kalin Milanov
    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.
  3. DevCraft banner
Back to Top