ASP.NET Controls
visit Telerik website
MVC
Silverlight
WPF
ORM
Reporting
All Products
UI Components
ASP.NET AJAX
ASP.NET MVC
Silverlight
WinForms
WPF
Productivity
JustCode
Data
OpenAccess ORM
Reporting
Automated Testing
WebUI Test Studio
TFS Tools
Work Item Manager
Project Dashboard
Content Management
Sitefinity .NET CMS
Search Examples
select
Control
Example
select
Download
Videos
Help
Forums
Slider
Overview
First Look
Functionality
Setting Value and Range
Orientation
Slider Steps
Range Slider
Ticks
Items
Reversed Direction
Handles Customizations
Client-Side API
Client-side Events
Client-side API
Server-Side API
Server-side Events
Server-side API
Defining Structure
Static/Dynamic Object Creation
Application scenarios
Custom Scrollbar
Configurator
Slide Show
Overview
Ajax
BinaryImage
Calendar
Captcha
Chart
ColorPicker
ComboBox
Dock
Editor
FileExplorer
Filter
FormDecorator
Grid
Input
ListBox
ListView
Menu
PanelBar
Rating
Rotator
Scheduler
Slider
Spell
SiteMap
Splitter
TabStrip
ToolBar
ToolTip
TreeView
Upload
Window
XmlHttpPanel
Slider
/ Orientation
Rate this demo:
1
2
3
4
5
Feedback
Run example in:
C#
VB.NET
Change Skin:
Vista
Black
Default
Forest
Hay
Office2007
Outlook
Simple
Sitefinity
Sunset
Telerik
Vista
Web20
WebBlue
Windows7
Horizontal slider (default)
Vertical slider (Orientation="Vertical")
Example Source Code & Description
Instructions
Description
DefaultCS.aspx
DefaultCS.aspx
DefaultVB.aspx
DefaultCS.aspx.cs
DefaultVB.aspx.vb
Open in new window
Setting the orientation of the slider
The
Orientation
property of the RadSlider defines how the slider will be displayed in the page - vertically or horizontally. By default the slider will render horizontally. To use the property:
declaratively
Orientation="Horizontal" or
Orientation="Vertical"
code-behind
RadSlider1.Orentation = Telerik.Web.UI.Orientation.Vertical; or
RadSlider1.Orentation = Telerik.Web.UI.Orientation.Horizontal;
client-side
RadSlider1.set_orientation(Telerik.Web.UI.Orientation.Horizontal);
RadSlider1.redraw(); or
RadSlider1.set_orientation(Telerik.Web.UI.Orientation.Vertical);
RadSlider1.redraw();
Copyright 2002-2010 © Telerik. All right reserved |
Telerik Inc., 460 Totten Pond Rd, Suite 640, Waltham, MA 02451
www.telerik.com
|
Terms of Use
|
Contact Us