Customizing RadDiagramToolbox

2 posts, 0 answers
  1. Rajkumar
    Rajkumar avatar
    9 posts
    Member since:
    May 2014

    Posted 27 May 2014 Link to this post

    The tool box that hold shapes has 3 shapes listed in a row by default

    The tool box also assumes a vertical orientation.

    If suppose I need to align the tool box on top of the diagram, how can i do it ?
  2. Milena
    Milena avatar
    193 posts

    Posted 30 May 2014 Link to this post

    Hello Rajkumar,

    The RadDiagramToolBox doesn't support placement change out-of-the box (with Placement property or something). Unfortunately, there is not an easy way to change its position. However, you can use an implicit styles and retemplate it:

    <Style TargetType="telerik:RadDiagramToolbox" BasedOn="{StaticResource RadDiagramToolboxStyle}" >
         <Setter Property="Template">
                    <ControlTemplate TargetType="telerik:RadDiagramToolbox">
     You can find the file with the style in the solution Themes.Implicit_WPF.sln, which is in installation folder of your version of UI for WPF, the path should be: ..Program Files (x86)\Telerik\UI for WPF Q1 2014\Themes.Implicit\WPF40\Windows8\Themes\Telerik.Windows.Controls.Diagrams.Extensions.xaml

    At the moment the tool box is a grid with 2 columns, so as far as I understand, you need to first to replace the columns with rows. For your convenience I implemented this approach in the attached project using Windows8 theme. Please have in mind that you should take care of a lot of details - for example the animation for show/hide the hidable part with gallery groups (it is implemented in the project), close button path, etc.
    I hope that this will give you an idea how to customize the tool box further according your requirements. Please feel free to ask if you need any further assistance.

    Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
  3. DevCraft R3 2016 release webinar banner
Back to Top