Intersoft ClientUI Documentation
Walkthroughs and How-to Topics
| Intersoft ClientUI 8 > Walkthroughs and How-to Topics |
Intersoft ClientUI provides a comprehensive set of frameworks and rich controls to facilitate the user interface (UI) development for the Silverlight and WPF applications. To rapidly build rich user experiences using ClientUI, it is important to learn and understand the fundamental concepts and application building block such as routed events, commanding, MVVM pattern, drag and drop, and much more.
The ClientUI product documentation provides hundreds of learning resources - such as walkthroughs and how-to topics - to help you learn the concepts and key features that are fundamental in building rich Silverlight and WPF applications.
Walkthroughs give step-by-step instructions to achieve certain scenarios, while the how-to topics provide practical code example that demonstrates how a feature is used and consumed.
This topic contains links to ClientUI walkthroughs and how-to topics.
Walkthrough: Create Your First ClientUI Application for Silverlight
Walkthrough: Create Your First ClientUI Application for WPF
Walkthrough: Create Your First ClientUI Application
Walkthrough: Create Your First ClientUI Application using MVVM Pattern
Walkthrough: Create Basic Website Navigation Application
Walkthrough: Create Basic Navigation Application using MVVM Pattern
Walkthrough: Create Line-of-Business Navigation Application using MVVM Pattern
Walkthrough: Create Rich Application using Windowing and MVVM Pattern
Walkthrough: Create New Intersoft ClientUI Basic Navigation Application (Minimalist)
Walkthrough: Create New Intersoft ClientUI Basic Navigation Application Template for WPF
Walkthrough: Create New Intersoft ClientUI MVVM Data Application (WCF RIA SP1)
Walkthrough: Create New Intersoft ClientUI MVVM Data Application (DevForce)
Walkthrough: Create New Intersoft ClientUI Outlook-style Navigation Application
Walkthrough: Create New Intersoft ClientUI Outlook-style Navigation Application for WPF
Walkthrough: Create New ClientUI MVVM Scheduling Application (WCF RIA SP1)
Walkthrough: Create New ClientUI MVVM Scheduling Application with DevForce
Walkthrough: Create a New Silverlight Ribbon Application From Project Template
Walkthrough: Create a New WPF Ribbon Application from Project Template
Walkthrough: Add New Item such as Page, Dialog Box and Window
Walkthrough: Layout Using Dock Panel in Blend Designer
Walkthrough: Add Menu Item and Separator to Menu Bar in Blend Designer
Walkthrough: Add Button, Split Button and Dropdown to Tool Bar in Blend Designer
Walkthrough: Edit the Navigation Button Template in Blend Designer
Walkthrough: Style a Window in Blend Designer
Walkthrough: Create New Silverlight Project from Project Templates
Walkthrough: Create New WPF Project from Project Templates
Walkthrough: Add New Item such as Page, Dialog Box and Window in VS 2010
Walkthrough: Layout Using Dock Panel in Designer
Walkthrough: Add Menu Item and Separator to Menu Bar in Designer
Walkthrough: Add Button, Split Button and Dropdown to Tool Bar in Designer
How-to: Implement IShellManager to Handle Application-wide Events
How-to: Save and Load an Application-specific Settings
How-to: Download an External ApplicationPackage
How-to: Create and Load an Instance of ApplicationPackage
How-to: Create and Load an Instance of ApplicationPackage Asynchronously
How-to: Navigate to a Page in External ApplicationPackage with Direct URI
How-to: Navigate to a Page in External ApplicationPackage with Shell Integration
How-to: Map an ApplicationPackage to a Virtual URI for User-friendly Navigation
How-to: Launch a Window in External ApplicationPackage
Walkthrough: Create Simple Website Navigation Using Frame, Navigation Button and Hyperlink
Walkthrough: Customize Visual Effect for Page Transitions
Walkthrough: Configure Nested Navigation Frame to Support Browser-Journal Integration
How-to: Configure URI Mapping using Type Name
How-to: Navigate to a Page with Extra Data
How-to: Navigate Forward Through Navigation History
How-to: Navigate Backward Through Navigation History
How-to: Stop a Page from Loading
How-to: Get the Primary Navigation Frame In a Page
How-to: Get the Navigation Frame that Hosts a Page
How-to: Navigate to a Page using Command
How-to: Use Menu Bar, Tool Bar and Context Menu as Navigation Source
How-to: Use UXFlow as Navigation Source using MVVM Pattern
How-to: Use UXDock as Navigation Source
How-to: Use Custom Paginator in FixedDocument
How-to: Use Custom Paginator In UXDocumentViewer
How-to: Use Custom Paginator to Print FlowDocument
Walkthrough: Create a Localizable Silverlight Project
Walkthrough: Display Data in UXItemsControl using MVVM Pattern
Walkthrough: Display Data in UXListBox using MVVM Pattern
Walkthrough: Display Data in UXComboBox using MVVM Pattern
Walkthrough: Display Data in UXAccordion using MVVM Pattern
Walkthrough: Display Data in UXFlow using MVVM Pattern
Walkthrough: Display Data in GridPresenter using MVVM Pattern
Walkthrough: Display UXFlow’s SelectedItem in DialogBox using MVVM Pattern
Walkthrough: Display Data Details of UXListBox’s SelectedItem using MVVM Pattern
Walkthrough: Create Linked Input on Two UXComboBox using MVVM Pattern
Walkthrough: Use UXSearchBox to Show Search Results with MVVM Pattern
Walkthrough: Use UXSearchBox to Show Search Results in Different Container with MVVM Pattern
Walkthrough: Display Item Details in UXFrame using MVVM Pattern
Walkthrough: Create Contact Editing Form using MVVM Pattern
Walkthrough: Displaying Item Detail using Rich User Interface Controls with MVVM Pattern
Walkthrough: Create Consistent UI for Rich Text Editor using Routed Command
Walkthrough: Create Windows 7 Explorer UI using Hybrid Command
Walkthrough: Change Data Source from ViewModel using DelegateCommand
Walkthrough: Use Command Binding and Key Binding with MVVM Pattern
How-to: Implement a RoutedCommand
How-to: Implement Rich Editor Command Interface with ToolBar, MenuBar and ContextMenu
How-to: Explicitly Invalidate the State of a Command Source
How-to: Implement Mouse Input to a Control with No Command Support
How-to: Explicitly Set the Command Target
How-to: Add a Command to a UXMenuItem
How-to: Add Keyboard Access to a Command using KeyBinding
How-to: Use Class Binding to Implement a RoutedCommand
How-to: Create CommandBinding using Code
How-to: Create Routed Commands In a Static Class
How-to: Implement a HybridRoutedCommand
Walkthrough: Handle Routed Events using EventManager
How to: Add an Event Handler in XAML
How to: Add an Event Handler using Code
How to: Mark a Routed Event as Handled
How to: Add Class Handling for a Routed Event
Walkthrough: Bind to Parent Property in XAML using FindAncestor
Walkthrough: Bind to Parent Property in XAML using FindName
Walkthrough: Bind to ViewModel from Style Setter in XAML using PropertyBinding
Walkthrough: Clear Validation Error on Text Input using ClearErrorOnTextInput
How-to: Bind Data to Intersoft Client UI Controls
How-to: Specify Binding Source
How-to: Bind to a Collection and Display Information Based on Selection
How-to: Bind to an Enumeration
Walkthrough: Enable Simple Drag Drop between Two Visual Elements
Walkthrough: Customize Shadow Element during Drag Event
Walkthrough: Perform Copy Operation during Drop Event
Walkthrough: Customize Drag-able Area using DragDropPoint
Walkthrough: Perform Drag-drop using API
How-to: Customize Drag Shadow Object
How-to: Copy The Dragged Object when Dropped to The Drop Target
How-to: Remove The Dragged Object when Dropped to The Drop Target
How-to: Change Tooltip when Hovering Drop Target
How-to: Change Tooltip when Leaving Drop Target
How-to: Move Item from Bound ListBox to Unbound ListBox using UXPanel
How-to: Move Item from Unbound ListBox to Bound ListBox using UXPanel
How-to: Perform Conditional Checking to Determine Whether an Item is Dragable
How-to: Drag an UIElement using API
How-to: Store Data Object at Drag Init Event
How-to: Enable Drag Drop to Standard ListBox using UXPanel
How-to: Apply Styling to Items in Items Control
How-to: Create Alternating Item Style using StyleSelector
How-to: Create Alternating Item Template using DataTemplateSelector
Walkthrough: Create Fluid UI Layout using DockPanel
Walkthrough: Create Uniform Layout using UXGridPanel
Walkthrough: Create Stack Layout supporting Drag-drop with UXStackPanel
Walkthrough: Create Auto-sizing Layout using Viewbox
Walkthrough: Create Wrapping Layout using WrapPanel
Walkthrough: Create Autofit Layout supporting Overflow with UXOverflowPanel
Walkthrough: Create Simple Application Menu Bar
How-to: Create Simple Tool Bar
How-to: Add Split Button and Dropdown Button to Tool Bar
How-to: Handle Tool Bar Command using MVVM Pattern
How-to: Change Toolbar Orientation using Dock Tray
How-to: Enable Drag-drop in Toolbar using Dock Tray
How-to: Attach a Context Menu to Rich Text Box
How-to: Create Simple Button and Handle Click Event
How-to: Handle Button Action using Delegate Command and Command Parameter (MVVM)
How-to: Use Dropdown Button to Provide Selection of Commands
How-to: Create Command with Dropdown Menu using Split Button
How-to: Create Rich Navigation Menu using Stack Button
How-to: Use Toggle Button to Provide a Group Selection
How-to: Create Perspective Effect using ContentPerspective
How-to: Configure the Projection Settings in ContentProjector
How-to: Create Reflection Effect using ContentReflector
How-to: Apply Transformation Effect to an UI Element using ContentTransformer
How-to: Configure the Transition Effects in ContentTransition
How-to: Configure the Transition Effects Based on Navigation Direction in ContentTransition
How-to: Customize Pointer Shapes in CallOut
How-to: Customize Text Position in EllipsisText
How-to: Customize Label Appearance in GlassLabel
How-to: Customize Progress Bar Appearance in ImageLoader
How-to: Customize Progress Bar Text Format in ImageLoader
How-to: Customize Visual Effect in ImageLoader
How-to: Customize Label Appearance in StylishLabel
How-to: Customize Progress Bar Appearance in UXProgressBar
How-to: Use UXProgressBar in Indeterminate Mode
How-to: Customize Item Appearance in UXComboBox
How-to: Customize Dropdown Effect in UXComboBox
How-to: Customize Dropdown Appearance in UXComboBox
How-to: Enable Text Search in UXComboBox
How-to: Customize Item Appearance in UXSearchBox
How-to: Customize Dropdown Effect in UXSearchBox
How-to: Customize Dropdown Appearance in UXSearchBox
How-to: Customize Busy Visual Appearance in UXSearchBox
How-to: Customize No Result Visual Appearance in UXSearchBox
Walkthrough: Enable Drag-drop Functionality in UXAccordion
Walkthrough: Use UXCallout to Display a Rich Tooltip
Walkthrough: Enable Drag-drop Functionality in UXListBox
How-to: Customize Item Appearance in UXAccordion
How-to: Customize Option Appearance in UXAccordion
How-to: Customize the Callout’s Pointer Shape in UXCallOut
How-to: Customize the CallOut's Mouse Actions in UXCallOut
How-to: Customize the CallOut’s Effect in UXCallout
How-to: Customize Item Appearance in UXItemsControl
How-to: Configure UXListBoxItem ImageContent Properties From UXListBox
How-to: Specify Target Popup in UXPopup
How-to: Customize Popup Effect in UXPopup
How-to: Customize UXPopup Bounding Box
How-to: Use UXPopup to Display Information from Element
How-to: Use UXPopup to Display Information from Data Context
How-to: Customize UXScroller Appearance
How-to: Customize Scrolling Behavior in UXScroller
How-to: Configure ASP.NET Server-side Upload Handler
How-to: Bind Uploaded Files using MVVM Pattern
How-to: Customize UXFileUpload to a Simple Photo Uploader
How-to: Customize UXFileUpload to an Outlook-style Attachment Uploader
How-to: Customize UXFileUpload to a Gmail-style Inline Uploader
How-to: Use Custom TickBar Item in UXSliderBar
How-to: Customize Orientation in UXSliderBar
How-to: Bind Data to UXTickBar
How-to: Customize Pointer Element in UXTickBar
How-to: Register UXSliderBar Command to UXButton
How-to: Enable Snap to Tick Behavior in UXSliderBar
How-to: Enable Move to Point Behavior in UXSliderBar
How-to: Configure Auto Tooltip In UXSliderBar
How-to: Validate Value in UXSliderBar
How-to: Customize Orientation in UXRangeSliderBar
How-to: Use Custom Tick Bar Item in UXRangeSliderBar
How-to: Register UXRangeSliderBar Command to UXButton
How-to: Enable Snap to Tick Behavior in UXRangeSliderBar
How-to: Configure Auto Tooltip in UXRangeSliderBar
How-to: Enable Data Validation in UXRangeSliderBar
How-to: Customize Item Template in UXDomain Up Down
How-to: Register UXDateTimeUpDown Command To UXButton
How-to: Register UXDomainUpDown Command To UXButton
How-to: Register UXNumericUpDown Command To UXButton
How-to: Register UXRating Command To UXButton
How-to: Open a UXWindow Based on URI
How-to: Open a UXWindow using Command
How-to: Open a UXDialogBox in Modeless Mode
How-to: Open a UXDialogBox with Attached Window
How-to: Create and Open a UXDialogBox using MVVM Pattern
How-to: Create and Open a UXMessageBox using MVVM Pattern
How-to: Integrate UXDesktop to UXDesktopDock
How-to: Open a UXWindow from UXDesktopDockButton
How-to: Pass parameters to a UXWindow during Startup
Walkthrough: Data Binding to UXDock using MVVM Pattern
Walkthrough: Data Binding to UXDockButton using MVVM Pattern
How-to: Handle UXDockButton Command using MVVM Pattern
How-to: Customize Stack Grid Template
Walkthrough: Display UXFlow’s SelectedItem in DialogBox using MVVM Pattern
Walkthrough: Display Data Details of UXFlow’s SelectedItem using MVVM Pattern
How-to: Customize UXFlow's Items Template
How-to: Customize UXFlow's Flow Effects
How-to: Use UXFlow as Navigation Source using MVVM Pattern
How-to: Register UXNavigationPane Command To UXButton
How-to: Bind Hierarchical Data to UXTreeView using Member Path Properties (MVVM)
How-to: Bind Hierarchical Data to UXTreeView using HierarchicalDataTemplate (MVVM)
How-to: Bind UXTreeView CheckedItems Property to UXListBox
How-to: Programmatically Filter Data using Query Descriptor
How-to: Implement Data Paging using PageDescriptor and UXDataPager
How-to: Implement Data Paging using UXDataPager
How-to: Implement Data Filtering using UXDataFilter
How-to: Implement Data Filtering using FilterDescriptors and UXDataFilter
How-to: Host UXPageableComboBox within UXGridView Control
How-to: Initialize Selected Items In UXMultipleSelectionComboBox
Walkthrough: Bind UXGridView to DevForce Services using MVVM Pattern
Walkthrough: Bind UXGridView to WCF RIA Services using MVVM Pattern
Walkthrough: Handle CUD Operation using UXGridView and WCF RIA
Walkthrough: Handle CUD Operation using UXGridView and DevForce
How-to: Implement Client-side Sorting, Filtering and Paging using UXGridView
How-to: Implement Server-side Sorting, Filtering and Paging using UXGridView
How-to: Enable Load On Demand Behavior In UXTreeList
Walkthrough: Bind UXScheduleView to WCF RIA Services using MVVM Pattern
Walkthrough: Bind UXScheduleView to DevForce Services using MVVM Pattern
Walkthrough: Handle Create, Update, and Delete Operation in UXScheduleView using WCF RIA Services
Walkthrough: Handle Create, Update, and Delete Operation in UXScheduleView using DevForce
How-to: Create And Integrates Custom View to UXScheduleView
How-to: Customize Event Detail in UXScheduleView
How-to: Customize the Event Appearance using StyleSelector
How-to: Move UXScheduleView Calendar and Resource List to an External Container
How-to: Customize the Editing Form in UXScheduleView
How-to: Dynamically Customize the Cell Appearance using CellStateSelector
Walkthrough: Create a New Silverlight Ribbon Application From Project Template
Walkthrough: Create a New WPF Ribbon Application from Project Template