Table of Contents
  • Getting Started
  • EO.Pdf
  • EO.Web
    • Overview
    • Installation & Deployement
    • EO.Web ToolTip
    • EO.Web Rating
    • EO.Web Slider & RangeSlider
    • EO.Web ListBox
    • EO.Web ComboBox
    • EO.Web Captcha
    • EO.Web ASPX To PDF
    • EO.Web Slide
    • EO.Web Flyout
    • EO.Web EditableLabel
    • EO.Web ImageZoom
    • EO.Web Floater
    • EO.Web Downloader
    • EO.Web ColorPicker
    • EO.Web HTML Editor
    • EO.Web File Explorer
    • EO.Web SpellChecker
    • EO.Web Grid
    • EO.Web MaskedEdit
    • EO.Web Splitter
    • EO.Web Menu
    • EO.Web Slide Menu
    • EO.Web TabStrip
    • EO.Web TreeView
    • EO.Web Calendar
    • EO.Web Callback
    • EO.Web MultiPage
    • EO.Web Dialog
    • EO.Web AJAXUploader
    • EO.Web ProgressBar - Free!
    • EO.Web ToolBar - Free!
  • EO.WebBrowser
  • EO.Wpf
  • Common Topics
  • Reference
Table of Contents
EO.Web Slide Documentation

EO.Web Slide is a template based control. Both big item and small items are defined through template. Data binding syntax is used in the template to populate it with data from your data source. For example, if your data source is an array of image files and you wish to display the image in the template, then the template can be:

ASPX
Copy 
<BigItemTemplate>
    <img src="<%#ResolveUrl(Container.DataItem.ToString())%>" />
</BigItemTemplate>

This works because DataItem is the image Url in this case. The code assumes the image Urls in the data source are relative Url and calls ResolveUrl to convert them into fully qualified Urls.

If the data source is a Table with an "ImageUrl" field, then the template can be:

ASPX
Copy 
<BigItemTemplate>
    <img src='<%#ResolveUrl(Eval("ImageUrl"))%>' />
</BigItemTemplate>

The following code places a solid black border around the image:

ASPX
Copy 
<BigItemTemplate>
    <div style="border: solid 1px black">
        <img src='<%#ResolveUrl(Eval("ImageUrl"))%>' />
    </div>
</BigItemTemplate>