Telerik announces the RadToolBar for Silverlight.

Friday, February 13, 2009 by XAML Team | Comments 9

With the upcoming Q1 release Telerik will include an official version of the RadToolBar control in the RadControls for Silverlight bundle. RadToolBar will mimic the functionalities and behavior of the VS toolbar with its Strip and Overflow areas.  All the items in the toolbar will jump between the strip and the overflow depending on the toolbar’s size. In addition, the developer will be able to stick items into one of these areas using a single property  - OverflowMode.

RadToolBar will also support Style Selector for item containers. We pre-defined styles for many of the regular controls – button, textbox , combobox and expander.

Along with the RadToolBar control a RadToolBarTray is also coming with Q1 to let you handle multiple toolbars in the same tray. RadToolBarTray will be a container control that will handle the position, the sizing and the order of toolbars inside it. Virtually, the tray will be divided by Bands, where each Band will contain multiple toolbars. The developer will be able to arrange the toolbars by simply initializing the Band and BandIndex properties.

 

 

 

We are currently working on two new major features like: “Drag and Drop” and “Vertical Orientation”.
We will greatly appreciate your feedback on what features you would like to see in the the RadToolBar control. This is always the best way to ensure our products keep getting better.

9 Comments

  • Ben Hayat 13 Feb 2009
    I think the team at Telerik are not only great developers, but mind readers... :-) Due to all the new stuff coming up for Q1, I felt bad to request for toolbar and I was about to put a Poor's man toolbar together that I needed. Looks fantastic.

    a) Does it come with a series of std buttons and icons that are used widely?
    b) Do you have a recommendation where we can obtain more icons that follow your icon style?
    c) Does the toolbar respect and follow your Theme?
    d) Let's say at runtime, is it possible to hide/remove a tool bar based on a condition, and if yes, will the adjacent fill the empty space or vice versa, if we activate a hidden toolbar, will the toolbar to the right move accordingly?
    e) Preview - Let's say I have action buttons that would start a new page or performs something, would it be possible if I bring my mouse over, I could show a preview of the page in a tooltip?
    f) Can we put a dropdown combo box or mask edit on the toolbar?
    g) Can we use the toolbar in each pane of DockPanel?
    h) When mouse moves on a button, do you provide some form highlighting animation that the mouse is over?
    i) Is it possible to turn off/hide ToobarTray?
    j) Did I ask enough questions? :-)
    ..Ben
  • Ivan Efimov 13 Feb 2009
    Hi Ben

    It's a pleasure to see such an interest for RadToolBar.

    Below are the answers to your questions:
    a & b) The idea to prepare a pack with images ready for toolbar sounds pretty good. I will ask our designers to deliver such a pack.
    c) Yes, the toolbar will follow our theming mechanism.
    d) It is OK to hide/show a toolbar inside the tray, but we are still working on an issue with "right placement restore". WE hope to implement this feature in the forthcoming release.
    e) Nice question. Actually this should not be a problem - if you interact with the button inside the toolbar (for example handling the MouseOver event), the preview behavior will be possible. I promise to try it.
    f) Yes - the RadEditor already uses combobox and RadColorPicker inside our toolbar. Furthermore a toolbar-aware style for RadExpander is in charge to allow you make the UI consistent.
    g) This is still in a QA phase and if certain problems appear we will resolve them right away.
    h) Yest, we are using the ContainerStyleSelector mechanism to predefine styles for button, checkbox, radiobutton, textbox, textblock, combobox, separator and expander. We will continue to expand the collection with predefined styles.
    i) If you mean to hide (collapse) the tray - yes you can hide the tray an all toolbars inside him will disapear.
    j) No :-) here I will give you a hint - we are working on a vertical version of the toolbar.
  • Ben Hayat 13 Feb 2009
    >>It's a pleasure to see such an interest for RadToolBar.<<
    When you're trying to build one and see what's ahead of you and you wake up and read this post, your day changes :-) Thanks for the answers!
    >>here I will give you a hint - we are working on a vertical version of the toolbar.<<
    Are you saying the Try can float to left, right, top or bottom OR Are you saying we might get something like iPhone interface or ....? :-) Anyway, I'm not picky about that!
    >>h) Yest, we are using the ContainerStyleSelector mechanism to predefine styles for button, checkbox, radiobutton, textbox, textblock, combobox, separator and expander. We will continue to expand the collection with predefined styles.<<
    This is good info, but what I was asking, is that if you go to MS Word2007 and bring your mouse on any element, it gets highlighted, is this something we will have with your toolbar or maybe I misunderstood you.
    Who do I send the check to? :-)
    Thanks!
    ..Ben
  • Ivan Efimov 16 Feb 2009
    Thanks for the pleasant words :-)

    About the Vertical version - I am afraid that such fancy feature is still not achievable - we cannot change the Style property once it is initialized... We are sorry about that but this more lika a freamework limitation and we have to conform with it - i.e. during the toolbar/tray creation we should initialize its Orientation; if we try to dynamically re-arrange the toolbar's items there will be ugly glitches - for example the highlighting frame for hovered item will have a vertical oriented gradient - good for horizontal toolbar and not so appropriate for a vertical one. At this stage we will mostly try to follow the experience the WPF toolbar provides and then we will think for further improvements.

    About the item that gets highlighted in its hover state: Yes, this is the case with our toolbar - in this picture the Button, the RadioButton, the CheckBox and the TextBox are highlighted (hovered by the mouse).
  • Ben Hayat 16 Feb 2009
    Hi Ivan;

    Thank you for the followup. I fully understand your position about the limitations of the framework but hopefully not for too long :-)
    Honestly, I wouldn't create a vertical toolbar, since most people are accustomed to horizontal toolbar and why break the pattern. Your toolbar is going to be one of the key components for my next project and I'm looking forward to the next drop.
    As far as highlight goes, yes that's what I was asking. Thank you!
    Would we be able to disable one of the buttons (at runtime) and it would look gray in disable mode? Does it mean, for each button we need to provide a series of icon (Active, Mouse over, disable) for the toolbar to switch icon around?
    Which dll is going to hold t he toolbar?
    Thanks!
  • Ivan Efimov 17 Feb 2009
    Please find the ten little differences ;-)
  • Ivan Efimov 17 Feb 2009
    About the assembly the ToolBar will be located - currently the Navigation is its home.
  • katherine 04 Aug 2009
    I've got a radToolBar that worked in silverlight 2, but after upgrading to silverlight 3 my webpage now crashes whenever I fill up the toolbar, I never get a chance to use the dropdown menu. Any thoughts?
  • katherine 04 Aug 2009
    I've got a radToolBar that worked in silverlight 2, but after upgrading to silverlight 3 my webpage now crashes whenever I fill up the toolbar, I never get a chance to use the dropdown menu. Any thoughts?

Add comment

  1. Formatting options
       
     
     
     
     
       
  2. (optional, emails won't be shown on public pages)
  3. (optional)