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
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
1 Answer, 1 is accepted
0
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:
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.
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.