Ribbon tabs let you categorize commands that you want to display to end users and render categorized commands within tabs. They can contain bars and buttons.
Ribbon Tab
Within a ribbon tab, ribbon bars are used to group ribbon buttons. This lets you create another level of categorization for commands and makes it easy for end users to locate required commands.
Ribbon Bars
There is also a special split button that can be placed in a ribbon which users can use in two different ways. Users can click the button to invoke a default command or click the drop-down to select a desired command from a list.
Split Button—Drop-down Expanded
A quick access toolbar (QAT) is used to render a set of ribbon buttons that are commonly used in most applications. It is rendered next to the Application Menu button to make it more accessible to end users.
It can also be easily customized by end users utlilizing the built-in QAT context menu. End users can also choose to place it above or below the ribbon, remove certain commands from the QAT, and add other commands to it.
The QAT is also designed to prevent users from adding multiple instances of the same command to the toolbar.
Quick Access Menu
There is also a Customize Quick Access Toolbar dialog box that can be invoked by the end user. As the name suggests, it can fully customize a set of commands to be displayed in the QAT; the full set of commands available in the application can be exposed to the end user.
Customize QAT Dialog Box
Dock panels could be in one of the following different modes, which can be set programatically or by the end user:
Docked Mode: The most common option is to make the child dock to a side of the container. It can be docked left, right, top, or bottom.
Floating Mode: Child panels can also be dragged around by the end user to float at any location on the desktop. Floating can also be set up programmatically.
Docked Tabbed Mode: Two or more child panels can be docked at the same location, one over the other. Users can switch between these panels using the tabs that appear automatically in this tabbed mode. Again, this can be set up programatically too.
AutoHide Mode: In AutoHide mode, the panels that are not being used automatically collapse into the frame of the container (like the Toolbox in VS.NET) and expand when the mouse hovers on the tabs representing these collapsed panels. These are also known as pinnable tool windows.
VS.NET-Style Docking
Pinnable Tool Windows in AutoHide Mode
Tabbed Docked Windows
While dragging, the "Drag Provider" will provide drop cues that will help you visualize how a child panel will be docked when you release the drag.
You can even customize the look and feel of the drag provider.
Custom Drag Provider
While dragging you can also optionally force a panel to dock only to specific sides (e.g. left or right) and prevent docking to other sides (e.g. top and bottom).
Restricting Docking to top and bottom
10 different built-in themes provide great flexibility in customizing the look and feel of your application.
Built-in Docking Manager Themes
You can also fully customize the look and feel to any corporate theme or style.
Custom Docking Manager Theme
The TreeView provides you all the basic features you would expect from an enterprise-grade tree control:
Multiple Node Selection
In Line Editing
Checked Noded
Nodes with Images
Templatized Nodes
... and much more!
Multiple Nodes Selection in TreeView
Checked Node in TreeView
Nodes with Images in TreeView
Our MenuAdv control provides you all the basic menu functionality and more. It supports several orientations, check box and radio button-type items, scrollable menus, context menus and more, along with Silverlight-compatible features like templates, animation, blendability, etc.
Vertically Oriented Menu with Check Boxes
Horizontally Oriented Menu with Radio Buttons
Scrollable Drop-down Menus
Menus with Icons and Keyboard Shortcuts
Context Menu with support for icons, check marks or radio buttons.
The GroupBar control lets you add Outlook-style navigation UI to your applications. The navigation pane supports several orientations, modes, and alignments. The control also has very good designer support, is blendable, and comes with several built-in themes.
Horizontally Oriented Group Bars
Vertically Oriented Group Bars
Group Bar Modes—Single Expansion, Stacked, and Multiple Expansion
The Editors Package includes a whole list of controls that allow you to build rich form-filling user interfaces using culture-aware, localizable, and skinnable editor controls.
All the common editors you would need to create form-filling applications with Silverlight styling and data binding patterns are available, including:
DateTimeEdit TimeSpanEditor MaskedTextBox CurrencyTextBox DoubleTextBox IntegerTextBox UpDownTextBox
Common Editors
The highly configurable DateTimeEdit and CalendarEdit controls provide a great way to edit date and time values. There is also support for the following features in the DateTimeEdit:
Support for Empty date with ability to specify any "Null Date String".Min and Max DatesDate Display Format
Date Editors
Calendar Editor
The very unique TimeSpan Editor supports the following features:
Support for Empty date with ability to specify any "Null Time String".Min and Max TimeSpanTime Display Format
Time Span Editor
The AutoComplete control adds the common auto-complete paradigm to the textboxes. The control is loaded with features to help you customize the behavior and look and feel in many different ways.
History: Include end-user edited values in a History collection that is persisted in the client machine for future sessions.
Auto Append: Besides AutoSuggest, the control can also AutoAppend the top item in the list to the text box.
Custom Filtering: Dynamically filter the items that will make it to the drop down as the end-user types in text.
Selection Mode: Single or multiple items can be selected.
Optionally display a combo box-type dropdown button to display all the options.
AutoComplete in a Text Box
A range slider is a control with a range of values further bound by two thumbs. The thumbs let users input values, typically an upper and a lower bound for a range of values. With handle buttons, ticks, and label support, it enhances the standard slider control.
The RangeSlider control supports both horizontal and vertical orientations.
Range Slider—Horizontal Orientation
Range Slider—Vertical Orientation
In addition to dragging thumbs, the Range Slider control supports handle buttons, which when pressed cause thumbs to be displaced a specified distance. Handle buttons can be visible or collapsed.
Range Slider with Handle Buttons
Range Slider without Handle Buttons
The RangeSlider control supports ticks that can be placed at a specified frequency.
Range Slider—Tick Frequency set to 10
In addition to numeric labels, the RangeSlider control supports custom labels.
Range Slider—Custom Label Support
Snap-to-tick support allows you to restrict end users from making a selection between ticks.
Text formattingParagraph alignment and indentation featuresInsert an image or any UIElementTables supportPage layoutImport and export to .doc, .docx, HTML, XAML, .txtPrinting and zoomingKeyboard shortcutsUndo and redo supportCommand supportClipboard supportRead only mode
There is built-in support for editing in a page layout or flow layout. The built in Zoom Bar in the footer also allows you to visualize all the pages in the document in a single view.
Page Layout
All common text formatting features like font settings, background, foreground, strike through, underline, baseline, etc. are supported.
Sample Formatted Content in RichTextBoxAdv
You can even select a text (or even an image) and make it a hyperlink.
Inserting a Hyperlink on the Selected Text in the RichTextBoxAdv
There is full-fledged support for inserting a table into the content with support for inserting rows/columns before/after, etc. There is even support for merging multiple cells into one. End users can easily perform all these operations using our built-in ribbon.
Sample Table Content Created in RichTextBoxAdv
Easily insert images into the content and align them wherever you want it.
Sample Rich Text Box Content with Image
And since this is Silverlight, you can even insert any UIElement in the XML content that represents the document.
The rich Ribbon control on top provides a rich and familiar Word 2010 like interface for your end users.
Ribbon in RichTextBoxAdv Control
There is also a context menu and a context toolbar, that helps you insert and perform some common operations at a selected position in the content.
A Context Menu and Context Toolbar at a Selected Location
You can import and export to popular document formats such as Word, HTML, XAML, and plain text.
You can also cut, copy, and paste content from one place to another within a RichTextBoxAdv.
No professional editor can be without undo/redo support, so we have added support for that as well.
Another important feature of any professional editor is built-in printing support. The RichTextBoxAdv includes support for that as well, with the ability to invoke the Print command from within the Ribbon command bar.
Printing Command from inside the RichTextBoxAdv Control's Command Bar
The Silverlight Window Control ships with a built-in context menu, as in normal Windows. Using the context menu, the instance can be closed, minimized, maximized or restored.
Window Control with Built In ContextMenu
The position of a window can be controlled by setting the WindowStartUpLocation property. The Enum takes the following values
CenterScreen—Window will appear in the center of the screen. CenterOwner—Window will appear in the center of the Owner window.. Manual—The location of the Window can be controlled by the Top and Left properties.
Window Appears in the Center of the Screen
ChildWindow Opened Relative to Its Owner
Cascading Arrangement of Windows
The Resizing capability of the Window Control can be controlled using the ResizeMode property. The Enumeration takes the following values:
CanResize. NoResize. CanResizeWithGrip. CanMinimize. CanMaximize.
Resizable Window Control
Window Control without Resizing
Window Control with Resizing Grip
Window Control with Disabled Maximize Button
Window Control with Disabled Minimize Button
The Skin Manager framework provides a convenient way to apply a consistent appearance to all the controls in your applications—both Syncfusion and Silverlight Framework Controls.
Calendar with Blend Skin
Groupbar with Office 2007 Blue Skin
The different brushes used by the individual themes are also exposed to be used by any custom rendering you might be doing in your applications.
Brushed used within each Theme
Hierarchy Navigator supports different skins such as Windows 7, Office 2010 Blue, Office 2010 Black, Office 2010 Silver, Office 2007 Blue, Office 2007 Black, Office 2007 Silver, and Blend.
Theme - Default
Theme - Office2010Blue
Theme - Office2010Black
Theme - Office2010Silver
Theme - Office2007Blue
Theme - Office2007Black
Theme - Ofice2007Silver
Theme - Blend
