SlideIntoView Control
Description
The SlideIntoView control allows you to create a template that will slide, after an optional delay, from one position to another.
Example










The following tags were used to create the SlideIntoView above:

Properties & Methods
SlideIntoViewThe SlideIntoView control allows you to create a template that will slide, after an optional delay, from one position to another
  • Width - The width, in pixels, of the two divs, one of which is stationary, the other of which slides from one position to another (default=500)
  • Height - The height, in pixels, of the two divs, one of which is stationary, the other of which slides from one position to another (default=300)
  • StationaryStyle - The css that is applied to the div that does not move
  • SlidingStyle - The css that is applied to the div that will be sliding
  • ContentTemplate - The ITemplate that contains the controls that will go inside the sliding div
  • HorizontalData - An instance of the SlideIntoView.HorizontalSlideData class that contains information about the horizontal movement
  • VerticalData - An instance of the SlideIntoView.VerticalSlideData class that contains information about the vertical movement
  • OnSlideComplete - A String of JavaScript that will be executed once the template has finished sliding in both the horizontal and vertical directions
  • SlideJavaScript - A ReadOnly property that returns JavaScript that can be used to reset the sliding div to it's initial position and start it sliding again. Any delays specified will not be applied here
  • SlideWithDelayJavaScript - A ReadOnly property that returns JavaScript that can be used to reset the sliding div to it's initial position and start it sliding again. If you specified delays, they will be applied here
  • SlideHorizontalJavaScript - A ReadOnly property that returns JavaScript that can be used to reset the sliding div to it's initial horizontal position and start it sliding again in the horizontal direction. Any delays specified will not be applied here
  • SlideHorizontalWithDelayJavaScript - A ReadOnly property that returns JavaScript that can be used to reset the sliding div to it's initial horizontal position and start it sliding again in the horizontal direction. If you specified a horizontal delay, it will be applied here
  • SlideVerticalJavaScript - A ReadOnly property that returns JavaScript that can be used to reset the sliding div to it's initial vertical position and start it sliding again in the vertical direction. Any delays specified will not be applied here
  • SlideVerticalWithDelayJavaScript - A ReadOnly property that returns JavaScript that can be used to reset the sliding div to it's initial vertical position and start it sliding again in the vertical direction. If you specified a vertical delay, it will be applied here
SlideIntoView.HorizontalDirectionEnum As ByteAn enumeration used to specify what direction the sliding div will be moving in horizontally
  • None - The sliding div will not be moving horizontally
  • LeftToRight - The sliding div will slide from left to right
  • RightToLeft - The sliding div will slide from right to left
SlideIntoView.VerticalDirectionEnum As ByteAn enumeration used to specify what direction the sliding div will be moving in vertically
  • None - The sliding div will not be moving vertically
  • TopToBottom - The sliding div will slide from top to bottom
  • BottomToTop - The sliding div will slide from bottom to top
SlideIntoView.SlideDelayEnum As ByteAn enumeration used to specify when the sliding div starts sliding
  • Immediately - The sliding div will start sliding once the page is loaded
  • Delayed - The sliding div will start sliding after the number of milliseconds specified in SlideIntoView.HorizontalData.DelayTime or SlideIntoView.VerticalData.DelayTime
  • Manual - The sliding div will not start sliding in the current direction unless the JavaScript from one of the appropriate properties is called
SlideIntoView.SlideDataA class that contains the base properties used to specify information about the sliding of the divs. This class is inherited by SlideIntoView.HorizontalSlideData and SlideIntoView.VerticalSlideData
  • Delay - A value from the SlideIntoView.SlideDelayEnum enumeration to specify when the sliding div starts sliding (default=Immediately)
  • DelayTime - If Delay=Delayed, the amount of time, in milliseconds, before the sliding div starts sliding (default=0)
  • Interval - The amount of time, in milliseconds, between changes in position of the sliding div (default=1)
  • StepLength - The number of pixels the sliding div will move at a time (default=1)
  • EndPosition - The position, relative to the non-sliding div, that the sliding div will stop sliding. This can be a positive or negative number (default=0)
  • StartPosition - The position, relative to the non-sliding div, that the sliding div will start sliding from. This can be a positive or negative number (default=0)
  • OnSlideComplete - A String of JavaScript that will be executed once the template has finished sliding in the current direction
SlideIntoView.HorizontalSlideDataA class that inherits from SlideIntoView.SlideData for use with horizontally sliding divs
  • Direction - A value from the SlideIntoView.HorizontalDirectionEnum enumeration to specify what direction the sliding div will be moving in horizontally (default=None)
SlideIntoView.VerticalSlideDataA class that inherits from SlideIntoView.SlideData for use with vertically sliding divs
  • Direction - A value from the SlideIntoView.VerticalDirectionEnum enumeration to specify what direction the sliding div will be moving in vertically (default=None)
Source Code
SlideIntoView.vb:



SlideIntoView.js: