# Loading Data

## Client Template

The template that will be populated when the RadLiveTile is databound, is defined in the inner property **ClientTemplate**. This property allows for runtime evaluation of the **data** object associated with the populated data, which means that additional fields from the datasource can be displayed as the content.

The required template is - **`#= data.<fieldName> #`**. You can concatenate a few of them for separate evaluation to get the data from several fields, while custom content can be hardcoded between them. Also, you can reference a field directly by using the field name in the template - **`#= <fieldName> #`**.

If the returned data from the datasource is not an object with fields, but a string, number or boolean value, it can be accessed directly via the data object - **`#= data #`**.

The **ClientTemplate** is utilizing the [Kendo UI Templates](http://docs.kendoui.com/getting-started/framework/templates/overview).

## Loading Data From Web Service

The RadLiveTile can be populated from a [Web Service](https://msdn.microsoft.com/en-us/library/t745kdsh%28v=vs.90%29.aspx) by setting the following properties of the inner property **WebServiceSettings**:

* **Path** - the location of the web service.

* **Method** - the method of the web service that returns the data to the LiveTile.

The following example shows how to setup the LiveTile in this scenario:

```ASP.NET
<telerik:RadLiveTile ID="RadLiveTile1" runat="server">
    <WebServiceSettings Path="SampleService.asmx" Method="GetEmployeesData"></WebServiceSettings>
    <ClientTemplate>
                <strong>Loaded from web service: </strong><br />
				#= Name # </br> #= Description #
    </ClientTemplate>
</telerik:RadLiveTile>
```

```C#
[WebMethod]
public CustomObject GetEmployeesData()
{
    return CustomObject.GetDataItems().First();
}
```

```VB
<WebMethod()> _
Public Function GetVehicalData() As CustomObject
    Return CustomObject.GetDataItems().First()
End Function
```

Below is the definition of the class **CustomObject**

```C#
[DataContract]
public class CustomObject
{
    [DataMember]
    public string Name { get; set; }
    [DataMember]
    public string Description { get; set; }

    public CustomObject(string name, string description)
    {
        Name = name;
        Description = description;
    }

    public static List<CustomObject> GetDataItems()
    {
        List<CustomObject> itemsData = new List<CustomObject>();

        itemsData.Add(new CustomObject("Janet Leverling", "Sales Representative"));
        itemsData.Add(new CustomObject("Margaret Peacock", "Sales Representative"));
        itemsData.Add(new CustomObject("Steven Buchanan", "Sales Manager"));

        return itemsData;
    }
}	
```

```VB
<DataContract> _
Public Class CustomObject
    <DataMember> _
    Public Property Name() As String
        Get
            Return m_Name
        End Get
        Set(value As String)
            m_Name = Value
        End Set
    End Property
    Private m_Name As String
    <DataMember> _
    Public Property Description() As String
        Get
            Return m_Description
        End Get
        Set(value As String)
            m_Description = Value
        End Set
    End Property
    Private m_Description As String

    Public Sub New(name**1 As String, description**2 As String)
        Name = name**1
        Description = description**2
    End Sub

    Public Shared Function GetDataItems() As List(Of CustomObject)
        Dim itemsData As New List(Of CustomObject)()

        itemsData.Add(New CustomObject("Janet Leverling", "Sales Representative"))
        itemsData.Add(New CustomObject("Margaret Peacock", "Sales Representative"))
        itemsData.Add(New CustomObject("Steven Buchanan", "Sales Manager"))

        Return itemsData
    End Function
End Class
```

## Loading Data From WCF Service

The RadLiveTile can be populated from a [WCF Service](https://msdn.microsoft.com/en-us/library/bb412167.aspx) by setting the following properties of the inner property **WebServiceSettings**:

* **Path** - the location of the WCF service.

* **Method** - the method of the WCF service that returns the data to the LiveTile.

The configuration of the LiveTile will be as follows:

```ASP.NET
<telerik:RadLiveTile ID="RadLiveTile2" runat="server">
    <WebServiceSettings Path="SampleService.svc" Method="GetEmployeesData"></WebServiceSettings>
    <ClientTemplate>  
                <strong>Loaded from WCF service: </strong><br />
				#= Name # </br> #= Description #
    </ClientTemplate>
</telerik:RadLiveTile>
```

```C#
[OperationContract]
public CustomObject GetEmployeesData()
{
    CustomObject item = CustomObject.GetDataItems().First();
    return item;
}
```

```VB
<OperationContract> _
Public Function GetEmployeesData() As CustomObject
    Dim item As CustomObject = CustomObject.GetDataItems().First()
    Return item
End Function
```

Below is the definition of the class **CustomObject**

```C#
[DataContract]
public class CustomObject
{
    [DataMember]
    public string Name { get; set; }
    [DataMember]
    public string Description { get; set; }

    public CustomObject(string name, string description)
    {
        Name = name;
        Description = description;
    }

    public static List<CustomObject> GetDataItems()
    {
        List<CustomObject> itemsData = new List<CustomObject>();

        itemsData.Add(new CustomObject("Janet Leverling", "Sales Representative"));
        itemsData.Add(new CustomObject("Margaret Peacock", "Sales Representative"));
        itemsData.Add(new CustomObject("Steven Buchanan", "Sales Manager"));

        return itemsData;
    }
}	
```

```VB
<DataContract> _
Public Class CustomObject
    <DataMember> _
    Public Property Name() As String
        Get
            Return m_Name
        End Get
        Set(value As String)
            m_Name = Value
        End Set
    End Property
    Private m_Name As String
    <DataMember> _
    Public Property Description() As String
        Get
            Return m_Description
        End Get
        Set(value As String)
            m_Description = Value
        End Set
    End Property
    Private m_Description As String

    Public Sub New(name**1 As String, description**2 As String)
        Name = name**1
        Description = description**2
    End Sub

    Public Shared Function GetDataItems() As List(Of CustomObject)
        Dim itemsData As New List(Of CustomObject)()

        itemsData.Add(New CustomObject("Janet Leverling", "Sales Representative"))
        itemsData.Add(New CustomObject("Margaret Peacock", "Sales Representative"))
        itemsData.Add(New CustomObject("Steven Buchanan", "Sales Manager"))

        Return itemsData
    End Function
End Class
```

## Loading Data From ODataDataSource

The RadLiveTile can be populated from a [ODataDataSource](https://www.telerik.com/products/aspnet-ajax/documentation/controls/odatadatasource/overview) control by setting the following properties of the control:

* **ODataDataSourceID** - the **ID** of the ODataDataSource control that will provide the data.

* **DataModelID** - the **ModelID** of the **DataModel** that will define the data object model of the LiveTile.

In this case the setup will be similar to the following example:

```ASP.NET
<telerik:RadLiveTile ID="RadLiveTile3" runat="server" 
    ODataDataSourceID="RadODataDataSource1" DataModelID="Employee">
    <ClientTemplate>
                <strong>Loaded from ODataDataSource: </strong><br />
				#= FirstName # #= LastName # <br /> #= Title #
    </ClientTemplate>
</telerik:RadLiveTile>

<telerik:RadODataDataSource runat="server" ID="RadODataDataSource1">
    <Transport>
        <Read Url="http://demos.kendoui.com/service/Northwind.svc/" />
    </Transport>
    <Schema>
        <telerik:DataModel ModelID="Employee" Set="Employees">
            <telerik:DataModelField FieldName="LastName" />
            <telerik:DataModelField FieldName="FirstName" />
            <telerik:DataModelField FieldName="Title" />
        </telerik:DataModel>
    </Schema>
    <ClientEvents Requesting="Requesting" />
</telerik:RadODataDataSource>

<script type="text/javascript">
    function Requesting(sender, args) {
        args.set_filterExpressions({
            field: "Title",
            operator: "eq",
            value: "Sales Manager"
        });
    }
</script>
```

Note the filter that is applied to the RadODataDataSource, so that a specific record from the data is populated in the RadLiveTile.

## Loading Data From Page Method

The RadLiveTile can be populated from a [page method](https://www.asp.net/ajaxlibrary/jquery_webforms_retrieve_data_from_pagemethod.ashx) by setting the following properties of the inner property **WebServiceSettings**:

* **Path** - the current ASPX page.

* **Method** - the name of the page method.

The example below shows this setup:

```ASP.NET
<telerik:RadLiveTile ID="RadLiveTile4" runat="server">
    <WebServiceSettings Path="Default.aspx" Method="GetEmployee"></WebServiceSettings>
    <ClientTemplate>
                <strong>Loaded from page method: </strong><br />
				#= Name # </br> #= Description #
    </ClientTemplate>
</telerik:RadLiveTile>
```

```C#
[WebMethod]
public static CustomObject GetEmployee()
{
    CustomObject item = CustomObject.GetDataItems().First();
    return item;
}
```

```VB
<WebMethod> _
Public Shared Function GetEmployee() As CustomObject
    Dim item As CustomObject = CustomObject.GetDataItems().First()
    Return item
End Function
```

Below is the definition of the class **CustomObject**

```C#
[DataContract]
public class CustomObject
{
    [DataMember]
    public string Name { get; set; }
    [DataMember]
    public string Description { get; set; }

    public CustomObject(string name, string description)
    {
        Name = name;
        Description = description;
    }

    public static List<CustomObject> GetDataItems()
    {
        List<CustomObject> itemsData = new List<CustomObject>();

        itemsData.Add(new CustomObject("Janet Leverling", "Sales Representative"));
        itemsData.Add(new CustomObject("Margaret Peacock", "Sales Representative"));
        itemsData.Add(new CustomObject("Steven Buchanan", "Sales Manager"));

        return itemsData;
    }
}
```

```VB
<DataContract> _
Public Class CustomObject
    <DataMember> _
    Public Property Name() As String
        Get
            Return m_Name
        End Get
        Set(value As String)
            m_Name = Value
        End Set
    End Property
    Private m_Name As String
    <DataMember> _
    Public Property Description() As String
        Get
            Return m_Description
        End Get
        Set(value As String)
            m_Description = Value
        End Set
    End Property
    Private m_Description As String

    Public Sub New(name**1 As String, description**2 As String)
        Name = name**1
        Description = description**2
    End Sub

    Public Shared Function GetDataItems() As List(Of CustomObject)
        Dim itemsData As New List(Of CustomObject)()

        itemsData.Add(New CustomObject("Janet Leverling", "Sales Representative"))
        itemsData.Add(New CustomObject("Margaret Peacock", "Sales Representative"))
        itemsData.Add(New CustomObject("Steven Buchanan", "Sales Manager"))

        Return itemsData
    End Function
End Class
```