This is a migrated thread and some comments may be shown as answers.

No "canned" round button ?

2 Answers 66 Views
Buttons
This is a migrated thread and some comments may be shown as answers.
Rob Ainscough
Top achievements
Rank 1
Rob Ainscough asked on 01 Nov 2011, 06:56 PM
I was a little disappointed to see that there is no "round button" as part of the Telerik SL Controls package.  I know I can make my own, but part of buying a 3rd party package is so that I don't have to spend a lot of time on UI coding and can work on more important aspects of my projects.

Does Telerik offer any canned sample XAML for round buttons (full state support) elsewhere?  I didn't see any in their examples.

If not, could someone recommend a product that has round buttons already setup (full state support)?  Optimal would be a button that could accept foreground/background color change that would automatically offset for all the various states so that it's very easy to make a simple "primary" color set.

Thanks, Rob.

2 Answers, 1 is accepted

Sort by
0
Accepted
Tina Stancheva
Telerik team
answered on 04 Nov 2011, 01:43 PM
Hi Rob Ainscough,

I am sorry to hear about your disappointment. It's a design decision not to make the Telerik buttons round by default. However, you don't have to restyle the RadButtons or change their default ControlTemplate to round them as all RadButtons expose a CornerRadius property which you can set to round their Border. Further controlling the size through the Width/Height properties will allow you to get the desired form.

For example with this definition:
<StackPanel x:Name="LayoutRoot" Background="White">
    <telerik:RadButton Width="69" Margin="5,5"
                        Height="32"
                        HorizontalAlignment="Left"
                        Content="RadButton"
                        CornerRadius="32" />
        <StackPanel Orientation="Horizontal" Margin="5,5" >
            <telerik:RadRadioButton Width="17" Height="17" HorizontalAlignment="Left"
                                CornerRadius="10" />
        <TextBlock Text="RadioButton" VerticalAlignment="Center"/>
    </StackPanel>
        <telerik:RadToggleButton Height="30" HorizontalAlignment="Left" Margin="5,5"
                                Content="Toggle"
                                CornerRadius="25" />
</StackPanel>
the buttons will be displayed:


I also want to assure you that we do our best to provide controls that can be effortlessly customized to better suit our customers needs. If possible we expose properties to control the visual appearance of the RadControls and we try to simplify their ControlTemplates as much as possible.

For example the RadButtons expose those properties that control their visual appearance. And you can also examine their default ControlTemplates here and decide if you need to change them. And if you need any assistance while customizing any RadControl, you can send a support ticket with a snapshot illustrating how you want to style the control and we will do our bet to help you implement your design in timely manner.

Kind regards,
Tina Stancheva
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

0
Rob Ainscough
Top achievements
Rank 1
answered on 04 Nov 2011, 06:38 PM
Tina,

Thanks for the response, will try that.  Much appreciated.

Not disappointed BTW ;)  ... no need for the canned "I am sorry to hear about your disappointment." -- enjoy using Telerik products.

Cheers, Rob.
Tags
Buttons
Asked by
Rob Ainscough
Top achievements
Rank 1
Answers by
Tina Stancheva
Telerik team
Rob Ainscough
Top achievements
Rank 1
Share this question
or