Im Aufgabenbereich Tageigenschaften sehen Sie, dass dieses Steuerelement über nur wenige Eigenschaften verfügt. Es gibt keine Eigenschaften, mit denen Sie die Größe oder Position des Steuerelements festlegen können. Es gibt auch keine Eigenschaften, die die Hintergrund- oder Vordergrundfarbe des Elements definieren.
Der Grund hierfür besteht darin, dass es sich bei diesem Element um einen Container für ein anderes ASP.NET-Steuerelement handelt, das den Namen View trägt. Auf einer Webseite ist der Container selbst, wie eine unsichtbare Landesgrenze, nicht zu sehen.
Jedes View-Steuerelement, das Sie in einem MultiView-Steuerelement anordnen, entspricht einer Bereichsseite. Wenn Sie somit, wie in dem Beispiel auf der CD-ROM zu diesem Buch, drei Bereichsseiten benötigen, müssen Sie innerhalb des MultiView-Steuerelements drei View-Steuerelemente platzieren.
View-Steuerelemente einfügen
Um View-Steuerelemente in ein MultiView-Steuerelement einzufügen, gehen Sie wie folgt vor:
Setzen Sie die Einfügemarke in das MultiView-Steuerelement, sofern diese dort nicht bereits blinkt.
Drücken Sie einmal die Return-Taste, um eine weitere Zeile einzufügen. Sie tun dies jetzt, weil es schwierig ist, die Einfügemarke nach dem Einfügevorgang hinter ein View-Steuerelement zu bewegen und weitere Zeilen einzufügen, in denen weitere View-Steuerelemente angeordnet werden könnten.
Setzen Sie die Einfügemarke innerhalb des MultiView-Steuerelements in die erste Zeile, und führen Sie in der Toolbox und dort in der Kategorie ASP.NET-Steuerelemente/Standard einen Doppelklick auf dem nebenstehend abgebildeten Symbol View aus.
In der ersten Zeile des MultiView-Steuerelements wird daraufhin ein View-Steuerelement eingefügt.
Setzen Sie die Einfügemarke in die nächste Zeile, und fügen Sie das nächste View-Steuerelement hinzu. Wiederholen Sie diesen Schritt für alle verbleibenden View-Steuerelemente.
Löschen Sie im MultiView-Steuerelement alle verbliebenen Leerzeilen unter dem letzten View-Steuerelement.
Wenn Sie drei View-Steuerelemente im MultiView-Steuerelement angeordnet haben, sollte sich Ihnen die Entwurfsansicht von Expression Web 2 entsprechend der Abbildung 10.11 präsentieren.
Abbildung 10.11 Im MultiView-Steuerelement
befinden sich nun drei View-Steuerelemente
Markieren Sie eines der drei View-Steuerelemente, und werfen Sie einen Blick auf den Aufgabenbereich Tageigenschaften, wo die Eigenschaften des markierten Elements angezeigt werden. Wie Sie sehen, besitzt das View-Steuerelement genauso wie das MultiView-Steuerelement nur sehr wenige Eigenschaften. Designeigenschaften zum Festlegen von Farben, Positionen und Größen fehlen gänzlich.
Dies deutet daraufhin, dass das View-Steuerelement ebenfalls nur ein Container und selbst nicht sichtbar ist. Alles, was Sie innerhalb des Elements anordnen, ist jedoch, abhängig davon, welche Bereichsseite im Vordergrund angezeigt wird, auf der Webseite zu sehen. Sie können innerhalb eines View-Steuerelements all das anordnen, was auch auf einer gewöhnlichen ASP.NET-Seite zulässig ist, also alle ASP.NET-Steuerelemente, HTML-Elemente, Bilder, Text usw. Klicken Sie dazu in den weißen Bereich unter der grauen Titelleiste des jeweiligen View-Steuerelements, sodass dort die Einfügemarke blinkt, und fügen Sie die gewünschten Elemente ein.
Die Abbildung 10.12 zeigt die drei eingefügten View-Steuerelemente mit einigen Inhalten.
Abbildung 10.12 Den drei View-Steuerelementen wurden einige Inhalte hinzugefügt
Wie Sie sehen, wurde jedem View-Steuerelement ein wenig Text, eine horizontale Linie und mindestens eine Schaltfläche hinzugefügt. Beachten Sie, dass später, wenn die Webseite im Browser angezeigt wird, immer nur der Inhalt eines View-Steuerelements zu sehen ist (eine Bereichsseite).
Und obwohl die drei View-Steuerelemente in der Entwurfsansicht untereinander angezeigt werden, bedeutet dies nicht, dass im Browser das erste Element weiter oben als das zweite oder dritte Element angeordnet ist. Denken Sie daran, dass ein View-Steuerelement keine Eigenschaften besitzt, mit deren Hilfe seine Position bestimmt werden könnte. Es ist lediglich ein Container. Sein Inhalt wird auf der Webseite dort angezeigt, wo Sie das MultiView-Steuerelement eingefügt haben.
Möchten Sie die Elemente in einem View-Steuerelement unabhängig von der Fenstergröße des Browsers begrenzen, müssen Sie zunächst ein div-Element (HTML) oder ein Panel-Element (ASP.NET; siehe später in diesem Kapitel) einfügen, da dieses die Möglichkeit bietet, Grenzen festzulegen.
SELFPHP
SELFPHP OHG, info@selfphp.de, Impressum, Kontakt