{"id":55000193,"date":"2019-12-01T00:00:00","date_gmt":"2020-03-27T19:39:23","guid":{"rendered":"http:\/\/access-im-unternehmen.aix-dev.de\/aiu\/?p=193"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-30T00:00:00","slug":"Spaltenbreiten_von_zwei_GridElementen_anpassen","status":"publish","type":"post","link":"https:\/\/vbentwickler.de\/Spaltenbreiten_von_zwei_GridElementen_anpassen\/","title":{"rendered":"Spaltenbreiten von zwei Grid-Elementen anpassen"},"content":{"rendered":"

Im Grid-Steuerelement kann man nicht wie etwa unter Excel zwei Spalten verbinden. Die Alternative ist, zwei Grid-Steuerelemente untereinander anzuordnen und die Inhalte, die mehr als eine Grid-Spalte enthalten, zwischen den Grids zu platzieren.<\/b><\/p>\n

Bild 1 zeigt, wie die Konstellation aussieht, die wir ändern wollen. Die zweite und die vierte Zeile mit den Textfeldern sollen so gestaltet werden, dass die Textfelder gleich ausgerichtet sind.<\/p>\n

\"Nicht<\/p>\n

Bild 1: Nicht synchrone Spalten<\/span><\/b><\/p>\n

Aktuell sieht der Code wie folgt aus und wir nutzen darin einfach ein StackPanel, das untereinander den Text über dem ersten Grid, ein Grid mit Label und Textfeld und darunter nochmal die gleiche Konstellation enthält:<\/p>\n

<StackPanel>\r\n     <Label>Erstes Grid:<\/Label>\r\n     <Grid>\r\n         <Grid.ColumnDefinitions>\r\n             <ColumnDefinition Width=\"Auto\"><\/ColumnDefinition>\r\n             <ColumnDefinition Width=\"Auto\"><\/ColumnDefinition>\r\n             <ColumnDefinition><\/ColumnDefinition>\r\n         <\/Grid.ColumnDefinitions>\r\n         <Label>Erste Zeile:<\/Label>\r\n         <TextBox Grid.Column=\"1\">Erstes Textfeld<\/TextBox>\r\n     <\/Grid>\r\n     <Label>Zweites Grid, das wegen dem breiteren Label eingerückt ist:<\/Label>\r\n     <Grid>\r\n         <Grid.ColumnDefinitions>\r\n             <ColumnDefinition Width=\"Auto\"><\/ColumnDefinition>\r\n             <ColumnDefinition Width=\"Auto\"><\/ColumnDefinition>\r\n             <ColumnDefinition><\/ColumnDefinition>\r\n         <\/Grid.ColumnDefinitions>\r\n         <Label>Zweite Zeile mit eingerücktem Textfeld:<\/Label>\r\n         <TextBox Grid.Column=\"1\">Zweites Textfeld<\/TextBox>\r\n     <\/Grid>\r\n<\/StackPanel><\/pre>\n
Möchten Sie weiterlesen? Dann lösen Sie Ihr Ticket!<\/span>
\nHier geht es zur Bestellung des Jahresabonnements des Magazins Visual Basic Entwickler<\/strong>:<\/span>
\nZur Bestellung ...<\/a><\/span>
\nDanach greifen Sie sofort auf alle rund 200 Artikel<\/strong> unseres Angebots zu - auch auf diesen hier!<\/span>
\nOder haben Sie bereits Zugangsdaten? Dann loggen Sie sich gleich hier ein:<\/span><\/p>\n<\/div>\n\n\t\n\t
\n\n\t\t\n\t\t