{"id":55000626,"date":"2023-04-01T00:00:00","date_gmt":"2023-04-01T00:00:00","guid":{"rendered":"http:\/\/access-basics.de\/626"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-30T00:00:00","slug":"Formulare_basics_Steuerelemente_ausrichten","status":"publish","type":"post","link":"https:\/\/access-basics.de\/index.php\/Formulare_basics_Steuerelemente_ausrichten.html","title":{"rendered":"Formulare [basics]: Steuerelemente ausrichten"},"content":{"rendered":"<p class='introduction'>Steuerelemente zum Formularentwurf ist eine Sache, das optisch ansprechende Anordnen eine andere. Dieser Artikel kl&auml;rt die technischen M&ouml;glichkeiten, mit denen wir die Ausrichtung und die Gr&ouml;&szlig;e von Steuerelementen einstellen k&ouml;nnen und mit welchen Tricks wir schnellere Ergebnisse erhalten k&ouml;nnen. Dabei nutzen wir sowohl die manuelle Ausrichtung &uuml;ber das Verschieben mit Maus und Tastatur, aber auch Ribbon- und Kontextmen&uuml;befehle zum Anpassen von Position und Gr&ouml;&szlig;e. Eine wichtige Rolle spielt schlie&szlig;lich noch das Entwurfsraster.<\/p>\n<h2>Beispieldatenbank<\/h2>\n<p>Die Beispiele dieses Artikels findest Du in der Datenbank <b>FormulareBasics_SteuerelementeAusrichten.accdb<\/b>.<\/p>\n<h2>Beispielformular<\/h2>\n<p>Als Beispiel verwenden wir das einfache Formular namens <b>frmLeserDetails<\/b>, das wir im Artikel <b>Formulare [basics]: Daten aus einer Tabelle <\/b>(<b>www.access-basics.de\/621<\/b>) anlegen (siehe Bild 1).<\/p>\n<p class=\"image\"><a rel=\"lightbox\" href=\"..\/tl_files\/images\/pic_626_001.png\"><img decoding=\"async\" src=\"..\/tl_files\/images\/pic_626_001.png\" alt=\"Formular-Entwurf unseres Beispielformulars\" width=\"325\" \/><\/a><\/p>\n<p class='imagetext'>Bild 1: Formular-Entwurf unseres Beispielformulars<\/p>\n<h2>Steuerelemente markieren<\/h2>\n<p>Die nachfolgend beschriebenen Techniken funktionieren meist nicht nur mit einem Steuerelement, sondern auch mit mehreren Steuerelementen gleichzeitig.<\/p>\n<p>Dabei sind die Techniken zum Markieren mehrerer Steuerelemente hilfreich. Am einfachsten ist es, mit der Maus einen Rahmen um alle zu bearbeitenden Steuerelemente zu ziehen. Die markierten Steuerelemente werden dann farbig hervorgehoben.<\/p>\n<p>Manchmal funktioniert das jedoch nicht, weil sich mittendrin Steuerelemente befinden, die nicht angepasst werden sollen. In diesem Fall nehmen wir zus&auml;tzlich die Tastatur zu Hilfe.<\/p>\n<p>Wir k&ouml;nnen sowohl die <b>Strg<\/b>&#8211; als auch die <b>Umschalt<\/b>-Taste gedr&uuml;ckt halten und dabei Steuerelemente zur Auswahl hinzuf&uuml;gen oder daraus entfernen.<\/p>\n<p>Wenn man schnell alle Steuerelemente au&szlig;er einem oder einigen wenigen markieren m&ouml;chte, kann man die beiden Techniken kombinieren: Wir ziehen dann zuerst einen Rahmen um alle Steuerelemente auf und entfernen dann die Markierung der nicht zu markierenden Steuerelemente, indem wir diese bei gedr&uuml;ckter <b>Strg<\/b>&#8211; oder <b>Umschalt<\/b>-Taste anklicken.<\/p>\n<h2>Position und Gr&ouml;&szlig;e per Maus<\/h2>\n<p>Die intuitivste M&ouml;glichkeit, Position und Gr&ouml;&szlig;e von Steuerelementen zu &auml;ndern, ist das Anklicken mit der Maus und das anschlie&szlig;ende Bearbeiten. Platziert man die Maus auf dem Markierungsrahmen, kann man das Steuerelement durch Ziehen verschieben (siehe Bild 2).<\/p>\n<p class=\"image\"><a rel=\"lightbox\" href=\"..\/tl_files\/images\/pic_626_002.png\"><img decoding=\"async\" src=\"..\/tl_files\/images\/pic_626_002.png\" alt=\"Verschieben eines Steuerelements\" width=\"325\" \/><\/a><\/p>\n<p class='imagetext'>Bild 2: Verschieben eines Steuerelements<\/p>\n<p>Platzieren wir den Zeiger hingegen auf einem der Eckpunkte, k&ouml;nnen wir die Gr&ouml;&szlig;e &auml;ndern. Die Punkte in der Mitte der Linien dienen zum Anpassen der H&ouml;he und Breite des Steuerelements (siehe Bild 3).<\/p>\n<p class=\"image\"><a rel=\"lightbox\" href=\"..\/tl_files\/images\/pic_626_003.png\"><img decoding=\"async\" src=\"..\/tl_files\/images\/pic_626_003.png\" alt=\"&Auml;ndern der Gr&ouml;&szlig;e eines Steuerelements\" width=\"325\" \/><\/a><\/p>\n<p class='imagetext'>Bild 3: &Auml;ndern der Gr&ouml;&szlig;e eines Steuerelements<\/p>\n<h2>Steuerelement mit Beschriftungsfeld<\/h2>\n<p>Beim &Auml;ndern der Position eines Steuerelements mit einem Bezeichnungsfeld mit der Maus wird das Bezeichnungsfeld in die gleiche Richtung verschoben.<\/p>\n<p>Wenn das Bezeichnungsfeld seine Position beim Verschieben des Steuerelements beibehalten soll, m&uuml;ssen wir das Steuerelement mit dem Mauszeiger an dem grauen Rechteck links oben anfassen und dann verschieben.<\/p>\n<p>Das Gleiche gilt, wenn wir nur das Bezeichnungsfeld verschieben wollen.<\/p>\n<p>Wenn wir eines von beiden Elementen verschieben kann, es schnell passieren, dass wir nicht nur die horizontale Position &auml;ndern (was normalerweise gew&uuml;nscht ist), sondern auch die vertikale Position.<\/p>\n<p>In diesem Fall halten wir beim Verschieben die Umschalttaste gedr&uuml;ckt. Access erkennt die initiale Richtung beim Verschieben und erlaubt kein Verschieben in die andere Richtung (also keine vertikale Verschiebung, wenn wir horizontal verschieben und umgekehrt).<\/p>\n<h2>Position per Tastatur<\/h2>\n<p>Wenn wir die Position eines Steuerelements mit der Tastatur ver&auml;ndern wollen, markieren wir das Steuerelement zun&auml;chst. Dann k&ouml;nnen wir es pixelweise oder in gr&ouml;&szlig;eren Schritten bewegen, indem wir die <b>Nach links<\/b>-, <b>Nach oben<\/b>-, <b>Nach rechts<\/b>&#8211; oder <b>Nach unten<\/b>-Tasten verwenden:<\/p>\n<ul>\n<li>Wenn wir die <b>Strg<\/b>-Taste beim Bet&auml;tigen der Tasten gedr&uuml;ckt halten, verschieben wir das Steuerelement pixelweise.<\/li>\n<li>Wenn wir die Tasten ohne gedr&uuml;ckte <b>Strg<\/b>-Taste bet&auml;tigen, verschieben wir das Steuerelement in gr&ouml;&szlig;eren Schritten.<\/li>\n<\/ul>\n<div class=\"rcp_restricted\"><p><span style=\"color: #ff0000;\">M&ouml;chten Sie weiterlesen? Dann l&ouml;sen Sie Ihr Ticket!<\/span><br \/>\n<span style=\"color: #ff0000;\">Hier geht es zur Bestellung des Jahresabonnements des Magazins <strong>Access &#091;basics&#093;<\/strong>:<\/span><br \/>\n<span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/shop.minhorst.com\/magazine\/282\/access-basics?c=77\">Zur Bestellung ...<\/a><\/span><br \/>\n<span style=\"color: #ff0000;\">Danach greifen Sie sofort auf <strong>alle rund 400 Artikel<\/strong> unseres Angebots zu - auch auf diesen hier!<\/span><br \/>\n<span style=\"color: #000000;\">Oder haben Sie bereits Zugangsdaten? Dann loggen Sie sich gleich hier ein:<\/span><\/p>\n<\/div>\n\n\t\n\t<form id=\"rcp_login_form\"  class=\"rcp_form\" method=\"POST\" action=\"https:\/\/access-basics.de\/data\/wp\/v2\/posts\/55000626\/\">\n\n\t\t\n\t\t<fieldset class=\"rcp_login_data\">\n\t\t\t<p>\n\t\t\t\t<label for=\"rcp_user_login\">Username or Email<\/label>\n\t\t\t\t<input name=\"rcp_user_login\" id=\"rcp_user_login\" class=\"required\" type=\"text\"\/>\n\t\t\t<\/p>\n\t\t\t<p>\n\t\t\t\t<label for=\"rcp_user_pass\">Password<\/label>\n\t\t\t\t<input name=\"rcp_user_pass\" id=\"rcp_user_pass\" class=\"required\" type=\"password\"\/>\n\t\t\t<\/p>\n\t\t\t\t\t\t<p>\n\t\t\t\t<input type=\"checkbox\" name=\"rcp_user_remember\" id=\"rcp_user_remember\" value=\"1\"\/>\n\t\t\t\t<label for=\"rcp_user_remember\">Remember me<\/label>\n\t\t\t<\/p>\n\t\t\t<p class=\"rcp_lost_password\"><a href=\"\/index.php\/data\/wp\/v2\/posts\/55000626?rcp_action=lostpassword\"><\/a><\/p>\n\t\t\t<p>\n\t\t\t\t<input type=\"hidden\" name=\"rcp_action\" value=\"login\"\/>\n\t\t\t\t\t\t\t\t\t<input type=\"hidden\" name=\"rcp_redirect\" value=\"https:\/\/access-basics.de\/data\/wp\/v2\/posts\/55000626\/\"\/>\n\t\t\t\t\t\t\t\t<input type=\"hidden\" name=\"rcp_login_nonce\" value=\"8d63f6cbe9\"\/>\n\t\t\t\t<input id=\"rcp_login_submit\" class=\"rcp-button\" type=\"submit\" value=\"Login\"\/>\n\t\t\t<\/p>\n\t\t\t\t\t<\/fieldset>\n\n\t\t\n\t<\/form>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Steuerelemente zum Formularentwurf ist eine Sache, das optisch ansprechende Anordnen eine andere. Dieser Artikel kl&auml;rt die technischen M&ouml;glichkeiten, mit denen wir die Ausrichtung und die Gr&ouml;&szlig;e von Steuerelementen einstellen k&ouml;nnen und mit welchen Tricks wir schnellere Ergebnisse erhalten k&ouml;nnen. Dabei nutzen wir sowohl die manuelle Ausrichtung &uuml;ber das Verschieben mit Maus und Tastatur, aber auch Ribbon- und Kontextmen&uuml;befehle zum Anpassen von Position und Gr&ouml;&szlig;e. Eine wichtige Rolle spielt schlie&szlig;lich noch das Entwurfsraster.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[66022023,662023,44000004],"tags":[],"class_list":["post-55000626","post","type-post","status-publish","format-standard","hentry","category-66022023","category-662023","category-Formulare_fuer_die_Dateneingabe"],"aioseo_notices":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.9.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Formulare [basics]: Steuerelemente ausrichten - Access [basics]<\/title>\n<link rel=\"canonical\" href=\"https:\/\/access-basics.de\/index.php\/Formulare_basics_Steuerelemente_ausrichten.html\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Formulare [basics]: Steuerelemente ausrichten - Access [basics]\" \/>\n<meta property=\"og:description\" content=\"Steuerelemente zum Formularentwurf ist eine Sache, das optisch ansprechende Anordnen eine andere. Dieser Artikel kl&auml;rt die technischen M&ouml;glichkeiten, mit denen wir die Ausrichtung und die Gr&ouml;&szlig;e von Steuerelementen einstellen k&ouml;nnen und mit welchen Tricks wir schnellere Ergebnisse erhalten k&ouml;nnen. Dabei nutzen wir sowohl die manuelle Ausrichtung &uuml;ber das Verschieben mit Maus und Tastatur, aber auch Ribbon- und Kontextmen&uuml;befehle zum Anpassen von Position und Gr&ouml;&szlig;e. Eine wichtige Rolle spielt schlie&szlig;lich noch das Entwurfsraster.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/access-basics.de\/index.php\/Formulare_basics_Steuerelemente_ausrichten.html\" \/>\n<meta property=\"og:site_name\" content=\"Access [basics]\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-01T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"-0001-11-30T00:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/..\/tl_files\/images\/pic_626_001.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\">\n\t<meta name=\"twitter:data1\" content=\"9\u00a0Minuten\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/access-basics.de\/#website\",\"url\":\"https:\/\/access-basics.de\/\",\"name\":\"Access [basics]\",\"description\":\"DAS ACCESS-MAGAZIN F\\u00dcR ALLE, DIE VON 0 AUF 100 WOLLEN\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/access-basics.de\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/access-basics.de\/index.php\/Formulare_basics_Steuerelemente_ausrichten.html#primaryimage\",\"inLanguage\":\"de\",\"url\":\"..\/tl_files\/images\/pic_626_001.png\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/access-basics.de\/index.php\/Formulare_basics_Steuerelemente_ausrichten.html#webpage\",\"url\":\"https:\/\/access-basics.de\/index.php\/Formulare_basics_Steuerelemente_ausrichten.html\",\"name\":\"Formulare [basics]: Steuerelemente ausrichten - Access [basics]\",\"isPartOf\":{\"@id\":\"https:\/\/access-basics.de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/access-basics.de\/index.php\/Formulare_basics_Steuerelemente_ausrichten.html#primaryimage\"},\"datePublished\":\"2023-04-01T00:00:00+00:00\",\"dateModified\":\"-0001-11-30T00:00:00+00:00\",\"author\":{\"@id\":\"https:\/\/access-basics.de\/#\/schema\/person\/13395c4bcd7d7963efe33be9c584d93f\"},\"breadcrumb\":{\"@id\":\"https:\/\/access-basics.de\/index.php\/Formulare_basics_Steuerelemente_ausrichten.html#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/access-basics.de\/index.php\/Formulare_basics_Steuerelemente_ausrichten.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/access-basics.de\/index.php\/Formulare_basics_Steuerelemente_ausrichten.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/access-basics.de\/\",\"url\":\"https:\/\/access-basics.de\/\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/access-basics.de\/index.php\/Formulare_basics_Steuerelemente_ausrichten.html\",\"url\":\"https:\/\/access-basics.de\/index.php\/Formulare_basics_Steuerelemente_ausrichten.html\",\"name\":\"Formulare [basics]: Steuerelemente ausrichten\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/access-basics.de\/#\/schema\/person\/13395c4bcd7d7963efe33be9c584d93f\",\"name\":\"Andr\\u00e9 Minhorst\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/access-basics.de\/#personlogo\",\"inLanguage\":\"de\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1b9d010cf1716692cb9c34f21554e07d17d461acaea5b61b8cb21cbec678d48a?s=96&d=mm&r=g\",\"caption\":\"Andr\\u00e9 Minhorst\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/access-basics.de\/index.php\/data\/wp\/v2\/posts\/55000626","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/access-basics.de\/index.php\/data\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/access-basics.de\/index.php\/data\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/access-basics.de\/index.php\/data\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/access-basics.de\/index.php\/data\/wp\/v2\/comments?post=55000626"}],"version-history":[{"count":0,"href":"https:\/\/access-basics.de\/index.php\/data\/wp\/v2\/posts\/55000626\/revisions"}],"wp:attachment":[{"href":"https:\/\/access-basics.de\/index.php\/data\/wp\/v2\/media?parent=55000626"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/access-basics.de\/index.php\/data\/wp\/v2\/categories?post=55000626"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/access-basics.de\/index.php\/data\/wp\/v2\/tags?post=55000626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}