Mini Kabibi Habibi
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Travel.ascx.cs" Inherits="Widgets_Travel" %>
<dx:ASPxDockPanel ID="TravelPanel" runat="server" ShowHeader="false" Width="240" Height="220" DragElement="Window"
ScrollBars="None" Border-BorderStyle="None" AllowedDockState="DockedOnly">
<Styles Content-Paddings-Padding="0" />
<ContentCollection>
<dx:PopupControlContentControl runat="server">
<div class="travelWidget animatedTabWidget">
<asp:Repeater ID="Repeater1" runat="server" DataSourceID="TravelDataSource">
<ItemTemplate>
<div id='<%# GetTravelPageID(Eval("ID")) %>' class="page visible">
<img id="Img1" src="Images/1x1.gif" class="small" style='<%# GetBackgroundStyle(Eval("SmallImage")) %>' alt=""/>
<img id="Img2" src="Images/1x1.gif" class="medium" style='<%# GetBackgroundStyle(Eval("MiddleImage")) %>' alt=""/>
<img id="Img3" src="Images/1x1.gif" class="large" style='<%# GetBackgroundStyle(Eval("LargeImage")) %>' alt=""/>
<div class="item">
<div class="location">
<%# Eval("Location") %>
</div>
<div class="content">
<span class="amp">$</span>
<span class="price"><%# Eval("Price")%></span>/night
</div>
</div>
</div>
</ItemTemplate>
</asp:Repeater>
<div class="tabs">
<dx:ASPxTabControl ID="TravelTabControl" runat="server" DataSourceID="TravelDataSource" RenderMode="Lightweight"
TabPosition="Bottom" TabAlign="Center" Width="100%" OnTabDataBound="TravelTabControl_TabDataBound"
OnCustomJSProperties="TravelTabControl_CustomJSProperties">
<ClientSideEvents Init="Widgets.AnimatedTabWidget.Init" ActiveTabChanging="Widgets.AnimatedTabWidget.ActiveTabChanging"
TabClick="Widgets.AnimatedTabWidget.TabClick" />
</dx:ASPxTabControl>
</div>
</div>
</dx:PopupControlContentControl>
</ContentCollection>
</dx:ASPxDockPanel>
<asp:XmlDataSource ID="TravelDataSource" runat="server" DataFile="~/App_Data/Travels.xml" XPath="/Travels/*" />