This is a migrated thread and some comments may be shown as answers.

Ajaxify TabStrip/Multipage inside Formview

7 Answers 85 Views

TabStrip

This is a migrated thread and some comments may be shown as answers.

Thomas asked on 12 Dec 2010, 09:15 PM

Hi, I want to ajaxify a Tabstrip/Multipage which is inside a formview. The control that should trigger everything is a RadTreeView on the same page:

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder_Left" runat="Server">
    <div style="background-image: url(images/Verlauf.jpg); background-repeat: repeat-y;
        height: 2em; line-height: 2em; padding-left: 10px;">
        <h3 style="color: White;">
            Produkte</h3>
    </div>
    <telerik:RadTreeView ID="RadTreeView_Navigation" runat="server" Skin="WebBlue">
        <Nodes>
            <telerik:RadTreeNode runat="server" Expanded="true" Text="Heizkörper für Wärmepumpen"
                Font-Bold="True">
                <Nodes>
                    <telerik:RadTreeNode runat="server" Text="Serie SL/SLI" ToolTip="Modellreihe ohne Radiator">
                        <Nodes>
                            <telerik:RadTreeNode runat="server" Text="SL/SLI 200">
                            </telerik:RadTreeNode>
                            <telerik:RadTreeNode runat="server" Text="SL/SLI 400">
                            </telerik:RadTreeNode>
                            <telerik:RadTreeNode runat="server" Text="SL/SLI 600">
                            </telerik:RadTreeNode>
                            <telerik:RadTreeNode runat="server" Text="SL/SLI 800">
                            </telerik:RadTreeNode>
                            <telerik:RadTreeNode runat="server" Text="SL/SLI 1000">
                            </telerik:RadTreeNode>
                        </Nodes>
                    </telerik:RadTreeNode>
                </Nodes>
            </telerik:RadTreeNode>
        </Nodes>
    </telerik:RadTreeView>
</asp:Content>

'----------------------------------------------------------------------------------------------------------------

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder_Content" runat="Server">
    <asp:AccessDataSource ID="AccessDataSource_Produkte" runat="server" DataFile="~/App_Data/waterstage.mdb"
        SelectCommand="SELECT * FROM [Artikel] WHERE ([ArtikelNummer] = ?)">
        <SelectParameters>
            <asp:QueryStringParameter Name="ArtikelNummer" QueryStringField="ArtikelID" Type="String" />
        </SelectParameters>
    </asp:AccessDataSource>

    <asp:FormView ID="FormView_Produkte" runat="server" DataSourceID="AccessDataSource_Produkte">
        <ItemTemplate>
            <div style="padding-left: 15px;">
                <asp:Label ID="lbl_Trailer" runat="server"><%#Eval("Text_Trailer") %></asp:Label>
            </div>
            <telerik:RadTabStrip ID="RadTabStrip_Produkte" runat="server" Width="100%" MultiPageID="RadMultiPage_Produkte"
                CausesValidation="false" Skin="WebBlue" SelectedIndex="0">
                <Tabs>
                    <telerik:RadTab runat="server" Text="Übersicht" PageViewID="RadPageView_Uebersicht"
                        Selected="true">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Spezifikationen" PageViewID="RadPageView_Spezifikationen">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Dimensionen" PageViewID="RadPageView_Dimensionen">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Optionen" PageViewID="RadPageView_Optionen">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Anfrage" PageViewID="RadPageView_Anfrage">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Händler" PageViewID="RadPageView_Haendler">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
            <telerik:RadMultiPage ID="RadMultiPage_Produkte" runat="server" BackColor="White"
                BorderStyle="Solid" BorderWidth="1px" BorderColor="Gray" SelectedIndex="0">
                <telerik:RadPageView ID="RadPageView_Uebersicht" runat="server">
                    <div style="overflow: hidden; width: 616px; padding: 30px;">
                        <h3><%# Eval("Text_Kurzbezeichnung")%></h3>

                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView_Spezifikationen" runat="server">
                    <div style="padding: 3px; width: 670px;">
                        <asp:Label ID="lbl_Spezifikationen" runat="server"><%#Eval("Text_Spezifikationen") %></asp:Label>
                    </div>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView_Dimensionen" runat="server">
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView_Optionen" runat="server">
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView_Anfrage" runat="server">
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView_Haendler" runat="server">
                </telerik:RadPageView>
            </telerik:RadMultiPage>
        </ItemTemplate>
    </asp:FormView>
</asp:Content>

Any ideas how I could accomplish that? I had no luck with AjaxManger.

Thanks in advance for your help

Best regards

Thomas

7 Answers, 1 is accepted

answered on 14 Dec 2010, 02:24 PM

Hello Thomas,

Tha RadAjaxManager is the only approach to use for your situation. Did your RadAjaxManager look like this:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadTreeView_Navigation">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="FormView_Produkte"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

I don't why that wouldn't work.

answered on 23 Dec 2010, 10:13 AM

Hi Simon, thanks for that. The URL was pointing to the same page, just with an additional querystring.
I am now using the Node_Click event to get the information:

Protected Sub RadTreeView_Navigation_NodeClick(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTreeNodeEventArgs) Handles RadTreeView_Navigation.NodeClick

Dim ArtikelID As String = e.Node.Value.ToString

AccessDataSource_Produkte.SelectParameters("Artikelnummer").DefaultValue = ArtikelID

ViewState("ArtikelID") = ArtikelID

End Sub

That works OK.

Problem now is, that I can't update information based on "ArtikelID" in my Radpageview, which has static content.

I am trying to find some table cells (by id) and disable them:

Protected Sub Page_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.PreRender

Dim ArtikelID As String = ViewState("ArtikelID")

FormView_Produkte.Caption = ArtikelID

Dim myMultiPage As RadMultiPage = CType(FormView_Produkte.FindControl("RadMultiPage_Produkte"), RadMultiPage)

myMultiPage.BackColor = Drawing.Color.AliceBlue

Dim myPageview As RadPageView = CType(FormView_Produkte.FindControl("RadPageView_Optionen"), RadPageView)

myPageview.BackColor = Drawing.Color.Azure

'Festlegen welche Optionen angezeigt werden

Dim UTWKDWXA As HtmlTableCell = CType(FormView_Produkte.FindControl("UTWKDWXA"), HtmlTableCell)

UTWKDWXA.BgColor = "#ABABAB"

Dim UTWT20XA As HtmlTableCell = CType(FormView_Produkte.FindControl("UTWT20XA"), HtmlTableCell)

Dim UTWT30XA As HtmlTableCell = CType(FormView_Produkte.FindControl("UTWT30XA"), HtmlTableCell)

UTWT20XA.BorderColor = "Green"

Dim UTWKZSXA As HtmlTableCell = CType(FormView_Produkte.FindControl("UTWKZSXA"), HtmlTableCell)

Dim UTWC55XA As HtmlTableCell = CType(FormView_Produkte.FindControl("UTWC55XA"), HtmlTableCell)

Dim UTWC75XA As HtmlTableCell = CType(FormView_Produkte.FindControl("UTWC75XA"), HtmlTableCell)

Dim UTWKBSXA As HtmlTableCell = CType(FormView_Produkte.FindControl("UTWKBSXA"), HtmlTableCell)

Dim UTWTEVXA As HtmlTableCell = CType(FormView_Produkte.FindControl("UTWTEVXA"), HtmlTableCell)

Dim UTWKCHXA As HtmlTableCell = CType(FormView_Produkte.FindControl("UTWKCHXA"), HtmlTableCell)

Dim UTWKCHXA2 As HtmlTableCell = CType(FormView_Produkte.FindControl("UTWKCHXA2"), HtmlTableCell)

Dim UTWKSPXA As HtmlTableCell = CType(FormView_Produkte.FindControl("UTWKSPXA"), HtmlTableCell)

Dim UTWESPXA As HtmlTableCell = CType(FormView_Produkte.FindControl("UTWESPXA"), HtmlTableCell)

Dim UTWPHFXA As HtmlTableCell = CType(FormView_Produkte.FindControl("UTWPHFXA"), HtmlTableCell)

Dim UTYXWZXZ2 As HtmlTableCell = CType(FormView_Produkte.FindControl("UTYXWZXZ2"), HtmlTableCell)

Select Case ArtikelID

Case "ATW05S", "ATW06S", "ATW08S", "ATW10S", "ATW13S", "ATW16S"

UTYXWZXZ2.Visible = False

Case "ATW08M", "ATW10M"

UTWKZSXA.Visible = False

UTWKCHXA.Visible = False

UTWKCHXA2.Visible = False

UTWPHFXA.Visible = False

UTYXWZXZ2.Visible = False

End Select

'Tabs ausblenden, wenn aufgerufener Artikel ein Heizkörper ist

If Left(ArtikelID, 2) = "SL" Then

Dim RadTabStrip_Produkte As RadTabStrip = CType(FormView_Produkte.FindControl("RadTabStrip_Produkte"), RadTabStrip)

RadTabStrip_Produkte.Tabs(2).Visible = False

RadTabStrip_Produkte.Tabs(3).Visible = False

Dim hyp_Prospekt As HyperLink = CType(FormView_Produkte.FindControl("hyp_Prospekt"), HyperLink)

hyp_Prospekt.NavigateUrl = "~/Downloads/Bi2.pdf"

End If

End Sub

I put it in the Prerender event, Page_Load doesn't work (fires befor Node_Click).

ASPX looks like this:

<%@ Page Title="" Language="VB" MasterPageFile="~/main.master" AutoEventWireup="false"

CodeFile="Produkte.aspx.vb" Inherits="Produkte" %>

<%@ Register Assembly="obout_ImageZoom_NET" Namespace="OboutInc.ImageZoom" TagPrefix="obout" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder_Left" runat="Server">

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadTreeView_Navigation">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="FormView_Produkte" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<div style="background-image: url(images/Verlauf.jpg); background-repeat: repeat-y;

height: 2em; line-height: 2em; padding-left: 10px;">

<h3 style="color: White;">Produkte</h3>

</div>

<telerik:RadTreeView ID="RadTreeView_Navigation" runat="server" Skin="WebBlue">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Komfort-Wärmepumpen" Expanded="true" Font-Bold="True" ToolTip="Waterstage Komfort Serie">

<Nodes>

<telerik:RadTreeNode runat="server" Text="5kW Waterstage S-Serie Set" Value="ATW05S">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="6kW Waterstage S-Serie Set" Value="ATW06S">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="8kW Waterstage S-Serie Set" Value="ATW08S">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="10kW Waterstage S-Serie Set" Value="ATW10S">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="13kW Waterstage S-Serie Set" Value="ATW13S">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="16kW Waterstage S-Serie Set" Value="ATW16S">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Expanded="True" Font-Bold="True" Text="High-Power-Wärmepumpen" ToolTip="Waterstage High Power Serie">

<Nodes>

<telerik:RadTreeNode runat="server" Text="11kW Waterstage S-Serie HP Set" Value="ATW11SHP">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="14kW Waterstage S-Serie HP Set" Value="ATW14SHP">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="16kW Waterstage S-Serie HP Set" Value="ATW16SHP">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="11kW Waterstage S-Serie 230V HP Set" Value="ATW11SHP230V">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="14kW Waterstage S-Serie 230V HP Set" Value="ATW14SHP230V">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Expanded="True" Font-Bold="True" Text="Kompakt-Wärmepumpen" ToolTip="Waterstage Kompakt Serie">

<Nodes>

<telerik:RadTreeNode runat="server" Text="8kW Waterstage Monobloc Set" Value="ATW08M">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="10kW Waterstage Monobloc Set" Value="ATW10M">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Expanded="true" Text="Heizkörper für Wärmepumpen"

Font-Bold="True">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Serie SL/SLI" ToolTip="Modellreihe ohne Radiator"

Expanded="true">

<Nodes>

<telerik:RadTreeNode runat="server" Text="SL/SLI 200" Value="SLSLI200">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="SL/SLI 400" Value="SLSLI400">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="SL/SLI 600" Value="SLSLI600">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="SL/SLI 800" Value="SLSLI800">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="SL/SLI 1000" Value="SLSLI1000">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Serie SLR" ToolTip="Modellreihe mit Radiator"

Expanded="true">

<Nodes>

<telerik:RadTreeNode runat="server" Text="SLR 200" Value="SLR200">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="SLR 400" Value="SLR400">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="SLR 600" Value="SLR600">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="SLR 800" Value="SLR800">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="SLR 1000" Value="SLR1000">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder_Content" runat="Server">

<asp:AccessDataSource ID="AccessDataSource_Produkte" runat="server" DataFile="~/App_Data/waterstage.mdb"

SelectCommand="SELECT * FROM [Artikel] WHERE ([ArtikelNummer] = ?)">

<SelectParameters>

<asp:QueryStringParameter Name="ArtikelNummer" QueryStringField="ArtikelID" Type="String" />

</SelectParameters>

</asp:AccessDataSource>

<asp:FormView ID="FormView_Produkte" runat="server" DataSourceID="AccessDataSource_Produkte">

<ItemTemplate>

<div style="padding-left: 15px;">

<asp:Label ID="lbl_Trailer" runat="server"><%#Eval("Text_Trailer") %></asp:Label>

</div>

<telerik:RadTabStrip ID="RadTabStrip_Produkte" runat="server" Width="100%" MultiPageID="RadMultiPage_Produkte"

CausesValidation="false" Skin="WebBlue" SelectedIndex="0">

<Tabs>

<telerik:RadTab runat="server" Text="Übersicht" PageViewID="RadPageView_Uebersicht"

Selected="true">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Spezifikationen" PageViewID="RadPageView_Spezifikationen">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Dimensionen" PageViewID="RadPageView_Dimensionen">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Optionen" PageViewID="RadPageView_Optionen">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Anfrage" PageViewID="RadPageView_Anfrage">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Händler" PageViewID="RadPageView_Haendler">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage_Produkte" runat="server" BackColor="White"

BorderStyle="Solid" BorderWidth="1px" BorderColor="Gray" SelectedIndex="0">

<telerik:RadPageView ID="RadPageView_Uebersicht" runat="server">

<div style="overflow: hidden; width: 616px; padding: 30px;">

<h3>

<%# Eval("Text_Kurzbezeichnung")%></h3>

<hr style="border: 1px dotted gray;">

<br />

<div style="width: 300px; text-align: center; float: left;">

<obout:ImageZoom ID="ImageZoom_Uebersicht" runat="server" StyleFolder="styles/simple"

ImageUrl='<%#Eval("ArtikelNummer", "~/Images/Produkte/{0}.jpg") %>' BigImageUrl='<%#Eval("ArtikelNummer", "~/Images/Produkte/{0}_large.jpg") %>' />

<br />

<asp:Label ID="lbl_Bildunterschrift" runat="server"><%# Eval("Text_Bildunterschrift")%></asp:Label>

</div>

<div style="float: left; width: 316px; margin-left: 0;">

<asp:Label ID="lbl_Uebersicht" runat="server"><%#Eval("Text_Uebersicht") %></asp:Label>

</div>

<div class="clear">

</div>

<br />

<hr />

<br />

<div class="float_left">

<div class="a2a_kit a2a_default_style">

<a class="a2a_dd" href="http://www.addtoany.com/share_save">Weitersagen</a> <span

class="a2a_divider"></span><a class="a2a_button_facebook"></a><a class="a2a_button_twitter">

</a><a class="a2a_button_email"></a>

</div>

<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>

</div>

<div class="float_right">

<table>

<tr>

<td>

<img src="Images/pdficon_large.gif" alt="" />

</td>

<td valign="top">

<asp:HyperLink ID="hyp_Prospekt" runat="server" NavigateUrl="~/Downloads/waterstage.pdf" target="_blank"> Aktuelles Prospekt herunterladen</asp:HyperLink>

</td>

</tr>

</table>

</div>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView_Spezifikationen" runat="server">

<div style="padding: 3px; width: 670px;">

<asp:Label ID="lbl_Spezifikationen" runat="server"><%#Eval("Text_Spezifikationen") %></asp:Label>

</div>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView_Dimensionen" runat="server">

<div style="margin-top: 3px;">

<obout:ImageZoom ID="ImageZoom_Dimensionen" runat="server" StyleFolder="styles/simple"

ImageUrl='<%#Eval("ArtikelNummer", "~/Images/Produkte/{0}_Dimensionen.jpg") %>'

BigImageUrl='<%#Eval("ArtikelNummer", "~/Images/Produkte/{0}_Dimensionen_large.jpg") %>' />

</div>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView_Optionen" runat="server">

<div style="width: 674px; padding: 1px;">

<table id="Optionen" runat="server" width="100%" clientidmode="Static">

<tr>

<td id="UTWKDWXA" runat="server">

<p>

<strong>Brauchwasser Kit</strong><br />

UTW-KDWXA</p>

<asp:Image ID="img_UTWKDWXA" runat="server" ImageUrl="~/Images/Produkte/Optionen/UTW-KDWXA.jpg"

alt="" />

<p>

Dient zum Anschluß des Brauchwasserspeichers UTW-T20XA oder UTW-T30XA an die Wärmepumpe.</p>

</td>

<td id="UTWT20XA" runat="server">

<p>

<strong>Brauchwasserspeicher 200L</strong><br />

UTW-T20XA</p>

<asp:Image ID="img_UTWT20XA" runat="server" ImageUrl="~/Images/Produkte/Optionen/UTW-T20XA.jpg"

alt="" />

<p>

Brauchwasserspeicher mit 200 Liter und Elektroheizregister 3300W, 230V</p>

</td>

<td id="UTWT30XA" runat="server">

<p>

<strong>Brauchwasserspeicher 300L</strong><br />

UTW-T30XA</p>

<asp:Image ID="img_UTWT30XA" runat="server" ImageUrl="~/Images/Produkte/Optionen/UTW-T30XA.jpg"

alt="" />

<p>

Brauchwasserspeicher mit 300 Liter und Elektroheizregister 3300W, 230V</p>

</td>

</tr>

<tr>

<td id="UTWKZSXA" runat="server">

<p>

<strong>2-Heizkreis Kit</strong><br />

UTW-KZSXA</p>

<asp:Image ID="img_UTWKZSXA" runat="server" ImageUrl="~/Images/Produkte/Optionen/UTW-KZSXA.jpg"

alt="" />

<p>

Ermöglicht den Anschluss von 2 Heizkreisen (1 gemischter Heizkreis und 1 ungemischter

Heizkreis) an die Wärmepumpe</p>

</td>

<td id="UTWC55XA" runat="server">

<p>

<strong>Raumbedienteil</strong><br />

UTW-C55XA</p>

<asp:Image ID="img_UTWC55XA" runat="server" ImageUrl="~/Images/Produkte/Optionen/UTW-C55XA.jpg"

alt="" />

<p>

Die Hauptfunktionen der Wärmepumpe können mit dem Raumbedienteil gesteuert werden

(Tages-, Absenk- und reduzierter Betrieb) mit eingebautem Temperaturfühler</p>

</td>

<td id="UTWC75XA" runat="server">

<p>

<strong>Fernbedienung</strong><br />

UTW-C75XA</p>

<asp:Image ID="img_UTWC75XA" runat="server" ImageUrl="~/Images/Produkte/Optionen/UTW-C75XA.jpg"

alt="" />

<p>

Zur Steuerung der Wärmepumpe von einem beliebigen Platz im Haus. Alle Bedienfunktionen

wie auf dem Wärmepumpenbedienteil, mit eingebautemTemperaturfühler</p>

</td>

</tr>

<tr>

<td id="UTWKBSXA" runat="server">

<p>

<strong>Fremdheizung Einbindungs-Kit</strong><br />

UTW-KBSXA</p>

<asp:Image ID="img_UTWKBSXA" runat="server" ImageUrl="~/Images/Produkte/Optionen/UTW-KBSXA.jpg"

alt="" />

<p>

Ermöglicht die Einbindung eines Fremdheizkessels (Ölkessel oder Gaskessel) in das

Heizungssystem, die Steuerung des Gerätes wird dann von der Wärmepumpe übernommen.</p>

</td>

<td id="UTWTEVXA" runat="server">

<p>

<strong>Hydraulische Weiche</strong><br />

UTW-TEVXA</p>

<asp:Image ID="img_UTWTEVXA" runat="server" ImageUrl="~/Images/Produkte/Optionen/UTW-TEVXA.jpg"

alt="" />

<p>

Eine hydraulische Weiche wird in Heizungsanlagen eingesetzt, um den Heizkreis und

den Verbraucherkreis hydraulisch voneinander zu entkoppeln.</p>

</td>

<td id="UTWKCHXA" runat="server">

<p>

<strong>Kühl Kit</strong><br />

UTW-KCHXA</p>

<asp:Image ID="img_UTWKCHXA" runat="server" ImageUrl="~/Images/Produkte/Optionen/UTW-KCHXA.jpg"

alt="" />

<p>

Das Kühl Kit ermöglicht, das mit der Wärmepumpe auch gekühlt werden kann. Nur für

Wärmepumpen mit Hochleistungspumpenkit UTW-PHFXA.</p>

</td>

</tr>

<tr>

<td id="UTWKCHXA2" runat="server">

<p>

<strong>Kühl Kit</strong><br />

UTW-KCLXA</p>

<asp:Image ID="img_UTWKCHXA2" runat="server" ImageUrl="~/Images/Produkte/Optionen/UTW-KCHXA.jpg"

alt="" />

<p>

Das Kühl Kit ermöglicht, das mit der Wärmepumpe auch gekühlt werden kann.</p>

</td>

<td id="UTWKSPXA" runat="server">

<p>

<strong>Swimming Pool Kit</strong><br />

UTW-KSPXA</p>

<asp:Image ID="img_UTWKSPXA" runat="server" ImageUrl="~/Images/Produkte/Optionen/UTW-KSPXA.jpg"

alt="" />

<p>

Dient zur Beheizung eines Swimming-Pools mit der Wärmepumpe.</p>

</td>

<td id="UTWESPXA" runat="server">

<p>

<strong>Swimming Pool - Wärmetauscher</strong><br />

UTW-ESPXA</p>

<asp:Image ID="img_UTWESPXA" runat="server" ImageUrl="~/Images/Produkte/Optionen/UTW-ESPXA.jpg"

alt="" />

<p>

Plattenwärmetauscher zur Beheizung eines Swimmingpools in Verbindung mit dem Swimming

Pool Kit.</p>

</td>

</tr>

<tr>

<td id="UTWPHFXA" runat="server">

<p>

<strong>Hochleistungspumpen Kit</strong><br />

UTW-PHFXA</p>

<asp:Image ID="img_UTWPHFXA" runat="server" ImageUrl="~/Images/Produkte/Optionen/UTW-PHFXA.jpg"

alt="" />

<p>

Für Anlagen mit erhöhten Systemwiderständen, wo die Standardpumpe nicht mehr ausreicht.</p>

</td>

<td id="UTYXWZXZ2" runat="server">

<p>

<strong>Steuerkabel für Peak-Cut und Low noise mode</strong><br />

UTY-XWZXZ2</p>

<asp:Image ID="img_UTYXWZXZ2" runat="server" ImageUrl="~/Images/Produkte/Optionen/UTY-XWZXZ2.jpg"

alt="" />

<p>

Nur für die Serie Highpower zur Leistungsbegrenzung oder zur Lautstärkereduktion.</p>

</td>

</tr>

</table>

<%--<asp:Label ID="lbl_Optionen" runat="server"><%#Eval("Text_Optionen") %></asp:Label>--%>

</div>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView_Anfrage" runat="server">

<div style="padding: 30px; width: 616px;">

<div>

<h3>

Wir freuen uns über Ihr Interesse!</h3>

</div>

<table id="Table_Anfrage" style="width: 100%;">

<tr>

<td style="width: 100px">

Vorname:<sup>*</sup>

</td>

<td style="width: 100px">

<telerik:RadTextBox ID="txt_Vorname" runat="server" AutoCompleteType="FirstName">

</telerik:RadTextBox>

</td>

<td>

<asp:RequiredFieldValidator ID="RequiredFieldValidator_txt_Vorname" runat="server"

ControlToValidate="txt_Vorname" ErrorMessage="Bitte geben Sie Ihren Vornamen ein"

ForeColor="Red" ValidationGroup="Anfrage">

</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td style="width: 100px">

Nachname:<sup>*</sup>

</td>

<td style="width: 100px">

<%--<asp:TextBox ID="txt_Nachname" runat="server" AutoCompleteType="LastName"></asp:TextBox>--%>

<telerik:RadTextBox ID="txt_Nachname" runat="server" AutoCompleteType="LastName">

</telerik:RadTextBox>

</td>

<td>

<asp:RequiredFieldValidator ID="RequiredFieldValidator_txt_Nachname" runat="server"

ControlToValidate="txt_Nachname" ErrorMessage="Bitte geben Sie Ihren Nachnamen ein"

ForeColor="Red" ValidationGroup="Anfrage">

</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td style="width: 100px">

email:<sup>*</sup>

</td>

<td style="width: 100px">

<%--<asp:TextBox ID="txt_Email" runat="server" AutoCompleteType="Email"></asp:TextBox>--%>

<telerik:RadTextBox ID="txt_Email" runat="server" AutoCompleteType="Email">

</telerik:RadTextBox>

</td>

<td>

<asp:RequiredFieldValidator ID="RequiredFieldValidator_txt_Email" runat="server"

ControlToValidate="txt_Email" ErrorMessage="Bitte geben Sie Ihre email Adresse ein"

ForeColor="Red" Display="Dynamic" ValidationGroup="Anfrage">

</asp:RequiredFieldValidator>

<asp:RegularExpressionValidator ID="RegularExpressionValidator_txt_Email_RegEx" runat="server"

ControlToValidate="txt_Email" ErrorMessage="Die email Adresse ist nicht gültig"

ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ForeColor="Red"

Display="Dynamic">

</asp:RegularExpressionValidator>

</td>

</tr>

<tr>

<td colspan="3">

</td>

</tr>

<tr>

<td colspan="3">

Ihre Nachricht:

</td>

</tr>

<tr>

<td colspan="3">

<telerik:RadTextBox ID="txt_Anfrage" runat="server" TextMode="MultiLine" Rows="10"

Columns="50">

</telerik:RadTextBox>

</td>

</tr>

<tr>

<td colspan="3">

<telerik:RadCaptcha ID="RadCaptcha_Anfrage" runat="server" ProtectionMode="Captcha"

CaptchaTextBoxLabel=" Bitte den Text des Bildes eingeben" ErrorMessage="Leider falsch"

ForeColor="Red" Skin="WebBlue" EnableRefreshImage="True" CaptchaLinkButtonText="Neues Bild laden"

CaptchaImage-BackgroundNoise="Medium" ValidationGroup="Anfrage">

</telerik:RadCaptcha>

</td>

</tr>

<tr>

<td style="width: 100px">

</td>

<td style="width: 100px">

</td>

<td style="width: 100px" align="right">

<asp:Label ID="lbl_Bestaetigung" runat="server" Visible="false">Vielen Dank, wir haben Ihre Anfrage erhalten.</asp:Label>

<asp:Button ID="btn_Abschicken" runat="server" Text="Abschicken" OnClick="btn_Abschicken_Click"

CausesValidation="true" ValidationGroup="Anfrage" />

</td>

</tr>

</table>

</div>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView_Haendler" runat="server">

<div style="padding: 25px 3px; width: 670px;">

<asp:Label ID="lbl_Haendler" runat="server"><%#Eval("Text_Haendler") %></asp:Label>

</div>

</telerik:RadPageView>

</telerik:RadMultiPage>

</ItemTemplate>

</asp:FormView>

</asp:Content>

Any ideas?

Thanks again for your help

Best regards

Thomas

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Ajaxify TabStrip/Multipage inside Formview

7 Answers, 1 is accepted